templates/front/products.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set currentPage = (("navbar.products")|trans )%}
  3. {% set whiteMenu = true %}
  4. {% set h1 = categoryActive.h1 %}
  5. {% block body_tag %}
  6.     data-products-limit={{ limit }}
  7. {% endblock %}
  8. {% block metaTags %}
  9.     <meta name="description" content="{{ categoryActive.metaDescription }}">
  10.     <title>{{ categoryActive.metaTitle }}</title>
  11.     <meta property="og:title" content="{{ categoryActive.metaTitle }}">
  12.     <meta property="og:description" content="{{ categoryActive.metaDescription }}">
  13. {% endblock %}
  14. {% block body %}
  15.     <section class="position-relative bgp-center bgs-cover header-presentation first-section" style="background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url({{ asset(vich_uploader_asset(categoryActive, 'category1File'))|imagine_filter('large') }})">
  16.         <img src="{{ asset('assets/img/points_blue.svg') }}" class="position-absolute t-120 l-0 zi-0" alt="points icon"/>
  17.         <div class="container position-relative he-480 d-flex  align-items-center">
  18.             <img src="{{ asset('assets/img/points_blue.svg') }}" class="position-absolute b-45 r-75 zi-9" alt="points icon"/>
  19.             <div class="position-absolute b--70-md b--50 r-0-lg r-20" data-aos="fade-in"  data-aos-duration="800" data-aos-delay="600">
  20.                 <img src="{{ asset('assets/img/hexagone-big.svg') }}" alt="hexagone" class="he-140-md he-100 {{categoryActive.position == "1" ? "hexagone-green" : (categoryActive.position == "2" ? "hexagone-lightBlue")}} "/>
  21.                 <img src="{{ asset(vich_uploader_asset(categoryActive, 'categoryIconFile')) }}"
  22.                      alt="{{ categoryActive.title }}" class="img-white position-absolute t-0 b-0 wi-65-md wi-55 h-auto l-0 r-0 m-auto img-white"/>
  23.             </div>
  24.             <div class="position-absolute t-20 l-20">
  25.                 {#                {% include "front/menu.html.twig" with {'menu':{("menu.presentation"|trans):path("front_presentation")} %}#}
  26.                 {% include "front/menu.html.twig" with {'menu':{(categoryActive.title):"#"}} %}
  27.             </div>
  28.             <div class="position-relative">
  29.                 <h2 data-aos="fade-up"  data-aos-duration="800" class="text-left c-white fs-70 fw-600 mab-0 position-relative">
  30.                     {{ categoryActive.title }}
  31.                 </h2>
  32.                 <h3 data-aos="fade-up"  data-aos-duration="800" class="text-left c-white fs-70 fw-600 mab-35 position-relative">
  33.                     {{"products.title.all"|trans}}
  34.                 </h3>
  35.                 <p data-aos="fade-up"  data-aos-duration="800" data-aos-delay="200" class="mawi-460 fs-14 lh2-14 c-8E9094">
  36.                     {{ categoryActive.description|nl2br }}
  37.                 </p>
  38.             </div>
  39.         </div>
  40.     </section>
  41.     <section class="pat-70 pab-100">
  42.         <div class="container">
  43.             <div class="row js-prods-list" data-total-products="{{ totalProducts }}">
  44.                 <div class="col-lg-3 productsFilterForm">
  45.                     <div class="fs-22 fw-700 mab-40 d-flex btn-filter align-items-center jusify-content-center ">
  46.                         {{"products.filters.title"|trans}}
  47.                         <i class="far fa-plus mal-10 d-block d-lg-none r-0" aria-hidden="true"></i>
  48.                     </div>
  49.                     {% include "form/productsFilterForm.html.twig" %}
  51.                 </div>
  52.                 <div class="col-lg-9" data-aos="fade"  data-aos-duration="800" data-aos-delay="600">
  53.                     <div class="" >
  54.                         {% set offset = productsFilterForm.children.offset.vars.value|default(0) %}
  55.                         <div class="c-8E9094 fs-15 fw-500 mab-40 text-center text-lg-left">
  56.                             {{ "products.count_products"|trans({"%countProductsMin%":(products|length > 0 ? "1" : "0"),"%productsLength%":products|length,"%totalProducts%":totalProducts})|raw }}
  57.                         </div>
  58.                         <div class="products row justify-content-center-sm">
  59.                             {% include "front/productsList.html.twig" with {'products':products} %}
  60.                         </div>
  61.                         <div class="contactForm form-contact ">
  62.                             <h3 class="text-left c-333333 fs-38 fw-700 mat-0 mab-15"> {{ "products.contact.title"|trans }}</h3>
  63.                             <p class="c-8C8C8C fw-500 fs-14 mab-35">
  64.                                 {{ "products.contact.content"|trans }}
  65.                             </p>
  66.                             {% include "form/contactForm.html.twig" %}
  67.                         </div>
  68.                         {% if products|length < totalProducts %}
  69.                             <div class="text-center">
  70.                                 <button class="btn btn1 loadMoreProducts">{{ "products.load_more.btn"|trans }}</button>
  71.                             </div>
  72.                         {% endif %}
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </section>
  78.     {#   <div>
  79.            <img src="{{ asset(vich_uploader_asset(categoryActive, 'category1File'))|imagine_filter('large') }}"
  80.                 alt="{{ categoryActive.title }}" class="w-100"/>
  81.        </div>#}
  83. {% endblock %}