public/themes/karen/modules/product-bar-grid.html.twig line 1

Open in your IDE?
  1. <section class="mx-4 lg:container mt-10 lg:mt-20 ">
  2.     <div class="bg-white dark:bg-gray-800 shadow rounded-xl h-[420px] p-5 flex flex-col gap-y-2 relative">
  3.         <div class="flex-center gap-x-1">
  4.             <svg class="size-6 pb-1 text-orange-400">
  5.                 <use href="#fire"></use>
  6.             </svg>
  7.             <h4 class="font-DanaMedium text-lg text-gray-800 dark:text-gray-200">{{ title }}</h4>
  8.         </div>
  9.         <div class="swiper HottestSlider w-full">
  10.             <div class="swiper-wrapper w-full">
  11.                 {% for group in products|batch(3) %}
  12.                     <div class="swiper-slide hottest-slide">
  13.                         {% for product in group %}
  14.                             {% include getThemeDir('modules/cart-product-grid.html.twig') with {'product' : product} %}
  15.                         {% endfor %}
  16.                     </div>
  17.                 {% endfor %}
  18.             </div>
  19.         </div>
  20.         <button
  21.                 class="slider-navigate_btn absolute right-1 top-[47%] border dark:border-gray-700 border-gray-200 Hottest-prev-slide z-10">
  22.             <svg class="size-6 -rotate-90">
  23.                 <use href="#chevron"/>
  24.             </svg>
  25.         </button>
  26.         <button
  27.                 class="slider-navigate_btn absolute left-1 top-[47%] border dark:border-gray-700 border-gray-200 Hottest-next-slide z-10">
  28.             <svg class="size-6 rotate-90">
  29.                 <use href="#chevron"/>
  30.             </svg>
  31.         </button>
  32.     </div>
  33. </section>