templates/product/index.html.twig line 1

Open in your IDE?
  1. {% import "macros/product.html.twig" as productMacros %}
  2. {% import "macros/banner.html.twig" as bannerMacros %}
  3. {% import 'macros/banner-brands.html.twig' as bannerBrands %}
  4. {% import "components/product/carousel.html.twig" as categoryCarousel %}
  5. {% import "components/homepage/slider.html.twig" as homepageSlider %}
  6. {% import 'components/button.html.twig' as button %}
  7. {% extends 'base.html.twig' %}
  9. {% block title %}
  10. {{"general.products"|trans ~ " triwu_u" }}
  11. {% endblock %}
  13. {% block mainClass %}pt-20{% endblock %}
  15. {% block login %}{% endblock login %}
  16.     {% block content %}
  18.       {% include 'components/header/categories.html.twig' %}
  20.     {{ homepageSlider.create(slider, "white") }}
  22.     <section class="relative">
  23.         <section class="relative overflow-hidden">
  24.             <img src="{{ asset('build/images/bg-pattern.svg') }}" class="absolute w-full left-0 top-0 opacity-20 h-[900px] object-cover z-10"/>
  25.             <section class="py-edge tablet:px-edge bg-primary desktop:px-0 desktop:pb-10">
  26.                 <div class="relative z-10 mb-4 desktop:mb-10 flex items-center justify-center">
  27.                     <h2 class="text-sm tablet:text-2xl uppercase font-bold text-center text-white desktop:text-4xl ">
  28.                         {{ 'general.homepage_title'|trans }}
  29.                         
  30.                     </h2>
  31.                     <button data-modal="countdownProduct"  id="info-icon" class="ml-2 -mt-4 hover:cursor-pointer border-2 border-white text-white rounded-full w-4 h-4 sm:w-5 sm:h-5 flex items-center justify-center cursor-pointer">
  32.                         ?
  33.                     </button>
  34.                 </div>
  35.                 <div id="cover_carousel" class="relative z-10 flex flex-col gap-5 mx-auto desktop:max-w-7xl desktop:px-0">
  36.                     <div class="splide splide__carousel">
  37.                         <div class="splide__track">
  38.                             <div class="splide__list">
  39.                                 {% for product in pagination %}
  40.                                     <div class="splide__slide">{{ productMacros.productCard(product,groupsProducts) }}</div>
  41.                                 {% endfor %}
  42.                             </div>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             </section>
  47.         </section>
  48.         <section class="grid-cover">
  49.             <div class="grid-cover__container">
  51.                 {% for cat in featuredCategories %}
  52.                     {% if cat.products|length %}
  53.                         {{ categoryCarousel.create(cat.id, cat.name, cat.slug, cat.products,'default',groupsProducts) }}
  54.                     {% endif %}
  55.                 {% endfor %}
  57.                 {{ bannerMacros.homepageBanner(banners, 'banner_extra', 'primary') }}
  59.                 {{ bannerMacros.homepageBanner(banners, 'banner_sustainability', 'secondary') }}
  61.             </div>
  62.             <div>
  64.             {{ bannerBrands.create(featuredBrands) }}
  66.             {% if 'footer_banner' in banners|keys %}
  67.                 {% set b = banners.footer_banner %}
  68.                 {{ bannerMacros.productFooterBanner(b, b.key) }}
  69.             {% endif %}
  70.             
  71.             </div>
  72.         </section>
  73.     </section>
  75.     <div id="ConfirmProduct" data-modal="confirmProduct" tabindex="-1" aria-hidden="true" class="modal-app">
  76.         <div class="modal-app__backdrop"></div>
  77.         <div class="modal-app__container">
  78.             <div class="modal-app__content">
  79.                 <header>
  80.                     <h3 class="text-xl font-bold desktop:text-2xl">
  81.                         {{ "product.confirm.title" | trans }} 
  82.                     </h3>
  83.                 </header>
  85.                 <main class="leading-5 mt-3 mb-4">
  86.                     <p>{{ "product.confirm.desc" | trans }} </p>
  87.                 </main>
  89.                 <a href="{{ path('app_product_add_to_shopping_cart', {'id': '#', 'isIndividual': false, 'newCart': true}) }}" class="ConfirmButton btn btn--primary btn--md btn-buy product-card__price-block__btn">
  90.                     {{ "product.confirm.btn" | trans }} 
  91.                 </a>
  92.                 <button id="CloseConfirmProduct" type="button" class="btn btn--md w-full mt-1">
  93.                     {{ "product.confirm.cancel" | trans }} 
  94.                 </button>
  95.             </div>
  96.         </div>
  97.     </div>
  98.     {% if app.request.query.get('registered') and userId > 0 %}
  99.         <!-- Código del píxel -->
  100.         <img src='http://es.beruby.com/track/509916/dic24/{{userId}}/pixel' border='0' width='1' height='1' alt=''/> 
  101.     {% endif %}
  102. {% endblock %}