templates/front/products.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block metaTags %}
  4.     {% set title = siteTitle %}
  5.     {% set desc = siteTitle %}
  6.     {% if subCategoryActive %}
  7.         {% set title = subCategoryActive.metaTitle ?? (siteTitle ~ " - " ~ subCategoryActive.title) %}
  8.         {% set desc = subCategoryActive.metaDescription ?? (subCategoryActive.description) %}
  9.     {% elseif categoryActive %}
  10.         {% set title = categoryActive.metaTitle ?? (siteTitle ~ " - " ~ categoryActive.title) %}
  11.         {% set desc = categoryActive.metaDescription ?? (categoryActive.description) %}
  12.     {% endif %}
  14.     {% set desc = (subCategoryActive and subCategoryActive.metaDescription) ? subCategoryActive.metaDescription : (categoryActive and categoryActive.metaDescription) ? categoryActive.metaDescription : siteTitle %}
  15.     <meta name="description" content="{{ desc }}">
  16.     <title>{{ title }}</title>
  17.     <meta property="og:title" content="{{ title }}">
  18.     <meta property="og:description" content="{{ desc }}">
  19. {% endblock %}
  21. {% block body %}
  22.     {% if categoryActive.isChaine %}
  23.         {% if subCategoryActive %}
  24.             {% include "front/header.html.twig" with {
  25.                 'icon':(subCategoryActive.subCategoryFileName ? asset(vich_uploader_asset(subCategoryActive, 'subCategoryFile')) : null),
  26.                 "img":(subCategoryActive.subCategoryBgFileName ? asset(vich_uploader_asset(subCategoryActive, 'subCategoryBgFile')) : null),
  27.                 "title":subCategoryActive.title,
  28.                 "intro":subCategoryActive.intro,
  29.             } %}
  30.         {% endif %}
  31.     {% else %}
  32.         {% include "front/header.html.twig" with {
  33.             'icon':asset(vich_uploader_asset(categoryActive, 'categoryFile')),
  34.             "img":(categoryActive.categoryBgFileName ? asset(vich_uploader_asset(categoryActive, 'categoryBgFile')) : null),
  35.             "title":categoryActive.title,
  36.             "intro":categoryActive.intro,
  37.         } %}
  38.     {% endif %}
  39.     <section class="pat-30 position-relative">
  41.         <div class="container">
  42.             {% set menu = ((categoryActive.isChaine and subCategoryActive) ?
  43.                 {
  44.                     (categoryActive.title):"#",
  45.                     (subCategoryActive.title):"#",
  46.                 } :
  47.                 {
  48.                     (categoryActive.title):"#",
  49.                 }) %}
  50.             {% include "front/menu.html.twig" with {'menu':menu} %}
  51.         </div>
  52.         {% if categoryActive.isChaine %}
  53.             {% include "front/productsFooter.html.twig" with {
  54.                     'img':(subCategoryActive.subCategoryFileName ? asset(vich_uploader_asset(subCategoryActive, 'subCategoryFile')) : null),
  55.                     "title":subCategoryActive.title,
  56.                     "content":subCategoryActive.description,
  57.                 } %}
  58.         {% else %}
  59.             {% include "front/productsFooter.html.twig" with {
  60.                 'img':asset(vich_uploader_asset(categoryActive, 'categoryFile')),
  61.                 "title":categoryActive.title,
  62.                 "content":categoryActive.description,
  63.             } %}
  64.         {% endif %}
  65.         {% include "front/coordinates.html.twig" %}
  66.         <div class="container">
  68.             <div class="js-prods-list mat-0 mab-90">
  69.                 {% include "form/productsFilterForm.html.twig" %}
  70.                 <div class="products row justify-content-center-md">
  71.                     {% for key, product in products %}
  72.                         {% include "front/productListDetail.html.twig" %}
  73.                     {% endfor %}
  74.                 </div>
  75.                 {% if total > limit %}
  76.                     <div class="text-center">
  77.                         <div class="btn btn1 loadMoreProducts" data-limit="{{ limit }}">
  78.                             <div class="btn-text">
  79.                                 {#                            <i class="fa-solid fa-arrows-rotate mar-5"></i> #}
  80.                                 {{ "products.load_more.btn"|trans }}
  81.                             </div>
  82.                         </div>
  83.                     </div>
  84.                 {% endif %}
  85.             </div>
  86.         </div>
  87.     </section>
  88.     {% if categoryActive.isChaine %}
  89.         {% if subCategoryActive %}
  90.             <section class="position-relative pab-65">
  91.                 <div class="bgp-center otherCatProd bgs-cover w-100 position-absolute t-0 l-0 h-100 zi--1"
  92.                      style="background-image:url({{ asset('assets/img/procatbg.png')|imagine_filter('large') }})">
  93.                 </div>
  95.                 {% if otherSubCategories|length >= 1 and otherSubCategories|length <= 2 %}
  96.                     <div class="position-relative">
  97.                         <div class=" daorgy daorgy1 position-absolute t-0 l-0 h-100"></div>
  98.                         {% if otherSubCategories|length >= 2 %}
  99.                             <div class=" daorgy daorgy2 position-absolute t-0 r-0 h-100"></div>
  100.                         {% endif %}
  101.                         <div class="container">
  102.                             <div class="row">
  103.                                 {% for key, otherSubCategory in otherSubCategories %}
  104.                                     <div class="col-sm-6 mat-15 mat-0-sm c-white {{ key is even ? "par-30-sm" : "pal-30-sm" }}">
  105.                                         <div data-link
  106.                                              class="pointer pay-50 bgc-15683A otherCat otherChaineCat otherCat{{loop.index}} skew {{ key is even ? "par-100-md par-25" : "pal-100-md pal-25" }}">
  107.                                             <div class="row align-items-center position-relative skew-text {{ key is odd ? "flex-row-reverse" }}">
  108.                                                 <div data-aos="fade-up"   data-aos-duration="800" data-aos-delay="600" class="position-absolute  {{ key is odd ? "r-15" : 'l-15'}}">
  109.                                                     <i class="fa fa-arrow-{{ key is even ? "left" : "right" }}"></i>
  110.                                                 </div>
  111.                                                 <div class="col-sm-12 text-center animateText">
  112.                                                     <div class="uvflnd" data-aos="fade-up"   data-aos-duration="800">
  113.                                                         {% if otherSubCategory.subCategoryFileName %}
  114.                                                             <img src="{{ asset(vich_uploader_asset(otherSubCategory, 'subCategoryFile')) }}"
  115.                                                                  alt="{{ otherSubCategory.title }}" class="wi-50 img-white"/>
  116.                                                         {% endif %}
  117.                                                     </div>
  118.                                                     <h3 class="buhnsn mab-5 mat-0 noAmericana">
  119.                                                         <a data-aos="fade-up"   data-aos-duration="800" data-aos-delay="200" href="{{ path('front_products', {'catSlug':categoryActive.slug, "subCatSlug":otherSubCategory.slug}) }}"
  120.                                                            class="cofaes">
  121.                                                             {{ otherSubCategory.title }}
  122.                                                         </a>
  123.                                                     </h3>
  124.                                                     <div data-aos="fade-up"   data-aos-duration="800" data-aos-delay="400" class="ocgaes pmb0">
  125.                                                         {{ otherSubCategory.intro|raw }}
  126.                                                     </div>
  127.                                                 </div>
  128.                                             </div>
  129.                                         </div>
  130.                                     </div>
  131.                                 {% endfor %}
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 {% endif %}
  136.             </section>
  137.         {% endif %}
  138.     {% else %}
  139.         <section class="position-relative pab-65">
  140.             <div class="bgp-center bgs-cover w-100 position-absolute t-0 l-0 h-100 zi--1"
  141.                  style="background-image:url({{ asset('assets/img/procatbg.png')|imagine_filter('large') }})">
  142.             </div>
  144.             <div class="container">
  145.                 {% for key, otherCategory in otherCategories %}
  146.                     <div data-link
  147.                          class="pointer pay-50 bgc-15683A skew otherCat otherCatNoChaine cclmlw mx-auto c-white par-70-lg par-50-md par-40">
  148.                         <div class="row align-items-center skew-text position-relative">
  149.                             <div class="col-sm-12 text-center">
  150.                                 <div class="uvflnd" data-aos="fade-up"   data-aos-duration="800">
  151.                                     <img src="{{ asset(vich_uploader_asset(otherCategory, 'categoryFile')) }}"
  152.                                          alt="{{ otherCategory.title }}" class="wi-50 img-white" />
  153.                                 </div>
  154.                                 <h3 class="buhnsn mab-5 mat-15">
  155.                                     <a data-aos="fade-up"   data-aos-duration="800" data-aos-delay="200" href="{{ path('front_products', {'catSlug':otherCategory.slug}) }}"
  156.                                        class="cofaes">
  157.                                         {{ otherCategory.title }}
  158.                                     </a>
  159.                                 </h3>
  160.                                 <div class="ocgaes pmb0"  data-aos="fade-up"   data-aos-duration="800" data-aos-delay="400">
  161.                                     {{ otherCategory.listingIntro|raw }}
  162.                                 </div>
  163.                             </div>
  164.                             <div data-aos="fade-left"   data-aos-duration="800" data-aos-delay="600" class="position-absolute r-0 text-right">
  165.                                 <i class="fa fa-arrow-right"></i>
  166.                             </div>
  167.                         </div>
  168.                     </div>
  169.                 {% endfor %}
  170.             </div>
  171.         </section>
  172.     {% endif %}
  173. {% endblock %}