custom/plugins/EsmComputer/src/Resources/views/storefront/page/product-detail/sticky.html.twig line 1

Open in your IDE?
  1. {% set price = page.product.calculatedPrice %}
  3. {% if page.product.calculatedPrices|length == 1 %}
  4.     {% set price = page.product.calculatedPrices.first %}
  5. {% endif %}
  7. <div class="sticky-cart-action d-none d-xl-block">
  8.     <div class="container">
  9.         <div class="d-flex">
  10.             <img src="{{ page.product.media.media|first.url }}" width="80px" class="mr-4"/>
  11.             <div class="d-flex flex-column">
  12.                 <span><b>{{ page.product.translated.name }}</b></span>
  13.                 <span class="sticky-detail-price">
  14.                     {% if page.product.calculatedPrices|length > 1 %}
  15.                         {{ "listing.listingTextFrom"|trans|sw_sanitize }} {{ page.product.calculatedPrices.last.unitPrice|currency }}
  16.                     {% else %}
  17.                         {{ price.unitPrice|currency }}
  18.                     {% endif %}
  19.                 </span>
  20.             </div>
  21.         </div>
  22.         <div style="min-width: 420px;">
  23.             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  24.         </div>
  25.     </div>
  26. </div>
  27. <script>
  28.     document.addEventListener('scroll', function(e) {
  29.         let scrollPos = window.scrollY;
  31.         if(scrollPos > 270) {
  32.             document.querySelector('.sticky-cart-action').classList.add('open');
  33.         }else {
  34.             document.querySelector('.sticky-cart-action').classList.remove('open');
  35.         }
  36.     });
  37. </script>