templates/front/products.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block body %}
  3.     {% include "front/menuBg.html.twig" with {'menu':getCategoryMenu(categoryActive, subCategoryActive, subSubCategoryActive, subSubSubCategoryActive)} %}
  4.     <div class="container">
  5.         {% if not value %}
  6.             <h1 class="title may-30">
  7.                 {{ value ? value.title : "products.h1"|trans|raw }}
  8.             </h1>
  9.         {% endif %}
  11.         {% if value %}
  12.             {% include "front/catBg.html.twig" with {'bgImg':getCategoryImage(value, false, true, true)|imagine_filter('large'), "icon":getCategoryImage(value, true, true), "title":value.title, "color":getValueColor(value)} %}
  13.         {% endif %}
  14.         <div class="js-prods-list">
  15.             <div class="row">
  16.                 <div class="col-sm-6">
  17.                     {% include "form/productsFilterForm.html.twig" %}
  18.                 </div>
  19.                 <div class="col-sm-6 d-flex justify-content-end">
  20.                     {% set baseUrl = catalogPath ? path('front_catalog', {'path': catalogPath}) : path('front_products') %}
  21.                     <a class="pay-10 pax-15 jvzifb {{ not listView ? "active" }}"
  22.                        href="{{ baseUrl }}">
  23.                         <img src="{{ asset('assets/img/procol.svg') }}" alt="DMD Inox"
  24.                              class="w-auto mahep-100"/>
  25.                     </a>
  26.                     <a class="pay-10 pax-15 jvzifb {{ listView ? "active" }}"
  27.                        href="{{ baseUrl ~ '?listView=1' }}">
  28.                         <img src="{{ asset('assets/img/prodlist.svg') }}" alt="DMD Inox"
  29.                              class="w-auto mahep-100"/>
  30.                     </a>
  31.                 </div>
  32.             </div>
  33.             <div class="products row mat-30">
  34.                 {% for key, product in products %}
  35.                     <div class="col-lg-{{ listView ? "12" : "3 col-md-4 col-sm-6" }} mab-50">
  36.                         <div class="mimfqe">
  37.                             {% include (listView ? "front/productDetailList.html.twig" : "front/productDetail.html.twig") with {"intro":product.intro} %}
  38.                         </div>
  39.                     </div>
  40.                 {% endfor %}
  41.             </div>
  42.             {% if products|length == limit %}
  43.                 <div class="text-center mab-30">
  44.                     <button class="btn btn2 loadMoreProducts">
  45.                         <i class="fa fa-refresh mar-5"></i>
  46.                         {{ "products.load_more.btn"|trans|raw }}
  47.                     </button>
  48.                 </div>
  49.             {% endif %}
  50.         </div>
  51.         {% if (value.paragraphTitle is defined and value.paragraphTitle) and (value.description is defined and value.description) %}
  52.             <h2 class="title may-16">{{ value.paragraphTitle }}</h2>
  53.         {% elseif value.title is defined and (value.description is defined and value.description) %}
  54.             <h2 class="title may-16">{{ value.title }}</h2>
  55.         {% endif %}
  56.         {% if value.description is defined %}
  57.             <div class="content may-24">
  58.                 {{ value.description|raw }}
  59.             </div>
  60.         {% endif %}
  61.         {% if value is not null and value.galleryItems is defined and value.galleryItems|length > 0 %}
  62.             <div class="position-relative may-40 slid-outer-wrap">
  63.                 {% set hideGalleryNav = (value.galleryItems|length <= 3) %}
  64.                 {% include "front/slid-nav.html.twig" with {"hide": hideGalleryNav, "sliderClass": "gallery-cat-slid"} %}
  65.                 <div class="gallery-cat-slid">
  66.                     {% for item in value.galleryItems %}
  67.                         {% if item.galleryItemFileName %}
  68.                             <div class="gallery-cat-item px-2">
  69.                                 <div class="gallery-cat-img-wrapper">
  70.                                     <img src="{{ asset(vich_uploader_asset(item, 'galleryItemFile'))|imagine_filter('medium') }}"
  71.                                          alt="{{ item.title ?: item.galleryItemFileName }}"
  72.                                          class="w-100"/>
  73.                                 </div>
  74.                             </div>
  75.                         {% endif %}
  76.                     {% endfor %}
  77.                 </div>
  78.                 {% include "front/slid-nav.html.twig" with {"isRight": 1, "hide": hideGalleryNav, "sliderClass": "gallery-cat-slid"} %}
  79.             </div>
  80.         {% endif %}
  81.         {% if value is not null and value.pdfFileName is defined and value.pdfFileName %}
  82.             <div class="mat-40 mab-10">
  83.                 <a href="{{ asset(vich_uploader_asset(value, 'pdfFile')) }}" target="_blank" class="btn-pdf-download">
  84.                     <i class="fa fa-file-pdf mar-8"></i>
  85.                     Télécharger la documentation
  86.                 </a>
  87.             </div>
  88.         {% endif %}
  90.     </div>
  91. {% endblock %}