PrestaShop cookies

https://addons.prestashop.com/en/fashion-shoes-templates/30716-prestige-fashion.html

by Andrey Izman

HTML

<div class="axeptio_mount" id="axeptio_overlay" data-project-id="5e551ab54561d837970c13cc">
  <div class="WebsiteOverlay__WebsiteOverlayStyle-sc-1tlh7za-0 eRcgOf">
    <div class="WebsiteOverlay__WidgetContainer-sc-1tlh7za-1 livYeg ax-widget-container"><input type="hidden" name="axeptio_cookies_prestashop addons -base_en_value" value=""><input type="hidden" name="axeptio_cookies__value" value="">
      <div class="Widget__WidgetStyle-zhn46e-1 gcYoRZ axeptio_widget" data-service="cookies">
        <div class="Widget__WidgetWrapper-zhn46e-2 eLBlYr axeptio_widget_wrapper">
          <div class="Elements__Content-xuz5b0-2 cVfSCb">
            <div>
              <div class="Elements__ContentHeading-xuz5b0-5 dzawBL">
                <div class="Elements__Illustration-xuz5b0-6 dBrvQu"><img src="https://axeptio.imgix.net/2020/02/584815d1cef1014c0b5e4976.png?w=300?auto=format&amp;fit=crop&amp;w=170&amp;h=auto&amp;dpr=1" srcset="https://axeptio.imgix.net/2020/02/584815d1cef1014c0b5e4976.png?w=300?auto=format&amp;fit=crop&amp;w=170&amp;h=auto&amp;dpr=1 1x, https://axeptio.imgix.net/2020/02/584815d1cef1014c0b5e4976.png?w=300?auto=format&amp;fit=crop&amp;w=170&amp;h=auto&amp;dpr=2 2x, https://axeptio.imgix.net/2020/02/584815d1cef1014c0b5e4976.png?w=300?auto=format&amp;fit=crop&amp;w=170&amp;h=auto&amp;dpr=3 3x" width="170" height="auto" alt="https://axeptio.imgix.net/2020/02/584815d1cef1014c0b5e4976.png?w=300" class="Illustration__Img"></div>
                <div class="Widget__WidgetTitle-zhn46e-6 qMVXE"><small>Management</small><span>of Cookies</span></div>
              </div>
              <div class="Elements__CookieMessage-xuz5b0-4 jxkVgN">
                <p>PrestaShop uses necessary cookies for the correct operation of the website. Other categories of cookies may be used to personalize your experience, to distribute personalized commercial offers or to carry out analyses to optimize our offer. Your consent can be withdrawn at any time via the link in our data...

CSS

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
  font-family: "Open Sans", sans-serif;
}

.axeptio_mount {
  z-index: 2147483647;
  position: relative;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-family: Rubik, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.eRcgOf {
  z-index: 20930940;
  position: fixed;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.livYeg {
  z-index: 1100;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

@media (min-width: 450px) {
  .livYeg {
    left: 20px;
    bottom: 80px;
  }
}

.axeptio_mount *,
.axeptio_mount ::before,
.axeptio_mount ::after {
  box-sizing: border-box;
}

.livYeg .Widget__WidgetStyle-zhn46e-1 {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  transform-origin: left bottom;
  animation: 0s ease 0s 1 normal both running none;
}

.gcYoRZ {
  position: relative;
  display: block;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px, rgba(0, 0, 0, 0.05) 0px 2px 6px;
  background: rgb(255, 255, 255);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
}

.gcYoRZ {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px, rgba(0, 0, 0, 0.05) 0px 2px 6px;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}

@media (min-width: 450px) {
  .gcYoRZ {
    border-radius: 8px;
  }
}

.gcYoRZ .Widget__WidgetWrapper-zhn46e-2 {
  background: rgb(255, 255, 255);
}

.gcYoRZ .Widget__WidgetWrapper-zhn46e-2 {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}

.livYeg .Widget__WidgetWrapper-zhn46e-2 {
  width: auto;
}

@media (min-width: 450px) {
  .livYeg .Widget__WidgetWrapper-zhn46e-2 {
    width: 420px;
  }
}

@media (min-width: 450px) {
  .gcYoRZ .Widget__WidgetWrapper-zhn46e-2 {
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
 ...

JavaScript

$(".Widget__WidgetCopyright a").on("click", function(e) {
	e.preventDefault();
	var expander = $(".Expandable__ExpandableContent");
  if (expander.attr("style")) {
  	expander.removeAttr("style");
  } else {
  	expander.css("max-height": 0);
  }
  return false;
});