Short_pill

Short_pill

by mtenschert

JavaScript

//Aufräumen
$(".person-list, .date-wrapper").remove();
$(".fa-home").remove();
$(".product__discount-types .promo-list .promo-outer-container:last-child").remove();
$(".discount-amount").remove();
$(".online-from-price").remove();
$(".product__next-arrow").remove();

//CSS Änderungen
$(".shop-left-col").css({
  "width": "33%"
});
$(".shop-right-col").css({
  "width": "67%",
  "padding-top": "10px",
  "line-height": "90%"
});
$(".product__top-shop-badge, .product__discount-shop-badge").css({
  "font-size": "10px",
  "padding": "6px 6px 6px"
});
$(".promo-outer-container").css({
  "color": "white",
  "border": "none",
  "font-size": "10px"
});
$(".promo-inner-container").css({
  "padding": "3px",
  "border-color": "#6db958",
  "background-color": "#6db958"
});
$(".shop-link").css({
  "font-size": "18px",
  "line-height": "120%"
});
$(".product__show-map").css({
  "font-size": "10px"
});
$(".price-wrapper, .price-label-wrapper").css({
  "float": "right",
  "text-align": "right"
});
$(".product__additionals__price").css({
  "font-size": "14px",
  "padding-top": "5px"
});
$(".product__adress").css({
  "margin-bottom": "0"
});
$(".col-lg-12 .col-md-12 .col-sm-12 .col-xs-12 .product__content").css({
  "min-height": "150px"
});
$(".product__shop-adress").css({
  "font-size": "12px"
});
$(".product__adress > .important-label").css({
  "font-size": "8px",
  "padding": "2px"
});
//Textzusatz Rabatt

//Media Query
if ($(window).width() < 766) {
  $(".product__content").css({
    "min-height": "120px"
 })
};

var product_pills_in_town = $('.product');

var renderShortPill = function(singleProductPill) {

  var shopLink = singleProductPill.find(".shop-link");
  var shopRightCol = singleProductPill.find(".shop-right-col");
  var shopAdress = singleProductPill.find(".product__shop-adress");
  var shopDiscount = singleProductPill.find(".price-label-wrapper > .important-label");
  var shopImage = singleProductPill.find(".town-image");
  var discountTypes =...