PS shop pille neu

by mtenschert

CSS

.shop-detail__div {
  margin-top: 13px;
}

.shop-detail__main h4,
.shop-detail__main h5 {
  font-size: 90%;
}

.shop-detail__main img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.your-bookings p {
  margin: 0px;
}

JavaScript

$(document).ready(function() {

  var $document_width = $(document).width();

  // run script if more than 991 pixels
  if ($document_width > 991) {

    var $shop_overview = $('.shop-detail__main');
    var $shop_overview_h4_main = $('div.shop-detail__main h4.expandable-header');
    var $shop_overview_h4_adress = $('div.shop-detail__adress h4');
    var $shop_overview_h4_adress_ul_li = $('div.shop-detail__adress ul li:first');
    var $shop_overview_payment = $('div.shop-detail__payment-methods');
    var $shop_overview_opening_h4 = $('.shop-detail__opening-hours h4');
    var $shop_overview_opening_season = $('.shop-detail__opening-hours>div p:first');
    var $shop_li = $('.your-bookings__shop');
    var close_button = "<div class='close-button' style='display:block;position:unset;margin:auto;margin-top:15px;margin-bottom:10px;'><i class='fa fa-times'></i></div>"

    $shop_li.append($shop_overview); // remove from old dom-place to the new one

    setTimeout(function() {

      var $shop_img = $('.shop-detail__main img:first');
      $('.shop-detail__main, .your-bookings__shop').prepend($shop_img);

      $('.your-bookings__shop img:first').css({ // img css
        "margin-right": "7px",
        "margin-top": "4px",
        "width": "45px",
        "float": "left",
      });

      $('.your-bookings__shop br').remove();

      $shop_overview_h4_main.remove(); // remove some html
      $shop_overview_h4_adress.remove(); // remove some html
      $shop_overview_h4_adress_ul_li.remove(); // remove some html
      $shop_overview_payment.remove(); // remove some html
      $shop_overview_opening_h4.remove(); // remove some html
      $shop_overview_opening_season.hide(); // remove some html
      $shop_overview.append(close_button);

      $('.your-bookings__shop a').hide(); // hide change a-link
      $('.shop-detail__div').css("margin-top", "13px"); // margin top opening hours
      $('.shop-detail__main img:first').css({ // img css
        "margin-top":...