custom/static-plugins/NdVoorwindenTheme/src/Resources/views/storefront/element/cms-element-product-slider.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/element/cms-element-product-slider.html.twig' %}
  2. {% block element_product_slider_controls %}
  3.     {% if sliderConfig.navigation.value %}
  4.         <div class="custom-slick-control flex grid-gap-2 justify-end hidden lg:flex boxed-layout mb-6 -mt-10">
  5.             <button id="prev-slide-{{ element.id }}"
  6.                     class="products-back flex p-1 transition duration-300 active:-translate-x-0.5 hover:-translate-x-0.5 w-10 h-10 border rounded-sm border-black flex justify-center items-center">
  7.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 p-[2px] rotate-180">
  8.                     <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
  9.                 </svg>
  10.             </button>
  11.             <button id="next-slide-{{ element.id }}"
  12.                     class="products-next flex p-1 transition duration-300 active:translate-x-0.5 hover:translate-x-0.5 w-10 h-10 border rounded-sm border-black flex justify-center items-center">
  13.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 p-[2px]">
  14.                     <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
  15.                 </svg>
  16.             </button>
  17.         </div>
  18.     {% endif %}
  19. {% endblock %}