templates/front/category.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block metaTags %}
  3.     <meta name="description" content="{{ value.metaDescription ? value.metaDescription : value.description|raw }}">
  4.     <title>{{ value.metaTitle ? value.metaTitle : value.title }}</title>
  5.     <meta property="og:title" content="{{ value.metaTitle ? value.metaTitle : value.title }}">
  6.     <meta property="og:description" content="{{ value.metaDescription ? value.metaDescription : value.description|raw }}">
  7. {% endblock %}
  8. {% block body %}
  9.     {% include "front/menuBg.html.twig" with {'menu':getCategoryMenu(category, subCategory, subSubCategory)} %}
  10.     <section class="container mat-24">
  11.         {% 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), "description":value.description} %}
  12.         <div class="row">
  13.             {% if getSubValues(value)|length == 0 %}
  14.                 <div class="no-products">
  15.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224C352 241.7 337.7 256 320 256C302.3 256 288 241.7 288 224zM280 288L328 288C341.3 288 352 298.7 352 312L352 400L360 400C373.3 400 384 410.7 384 424C384 437.3 373.3 448 360 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400L304 400L304 336L280 336C266.7 336 256 325.3 256 312C256 298.7 266.7 288 280 288z"/></svg>
  16.                     <h2 class="text-white">Pas de produit pour le moment</h2>
  17.                     <p class="text-white">
  18.                         Aucun produit n’est encore disponible en ligne, mais DMD INOX propose ce type d’article. Besoin d’un produit spécifique ? Contactez-nous :
  19.                         <strong>
  20.                             <a href="javascript:window.location.href = 'mailto:' + ['contact','dmdinox.com'].join('@')">
  21.                                 {{ "contact<!---->@<!---->dmdinox.com" }}
  22.                             </a>
  23.                             |
  24.                             <a href="tel:+33450983551" class="fw-700">04 50 98 35 51</a>
  25.                         </strong>
  26.                     </p>
  27.                 </div>
  28.             {% endif %}
  29.             {% for key, subValue in getSubValues(value) %}
  30.                 <div class="col-md-3 col-sm-6 mab-50">
  31.                     <div class="position-relative pa-20 szrqod">
  32.                         <div class="position-absolute t-0 l-0 wi-65 he-65 pa-10 d-flex align-items-center justify-content-center"
  33.                              style="background-color: {{ getValueColor(value) }};">
  34.                             <img src="{{ getCategoryImage(subValue, true, true) }}" alt="{{ subValue.title }}"
  35.                                  class="w-auto mahep-100"/>
  36.                         </div>
  37.                         <div class="ojgaxs d-flex align-items-center">
  38.                             <img src="{{ getCategoryImage(subValue, false, true, false)|imagine_filter('medium') }}"
  39.                                  alt="{{ subValue.title }}"
  40.                                  class="w-100"/>
  41.                         </div>
  42.                     </div>
  43.                     <div class="mat-20 mab-15">
  44.                         {% if getValueLevel(subValue) < 4 and getSubValues(subValue)|length == 0 %}
  45.                             <a href="{{ getProductUrl(null, false, null, null, null, null, subValue) }}" class="graxnh">
  46.                                 {{ subValue.title }}
  47.                             </a>
  48.                         {% else %}
  49.                             <a href="{{ getProductUrl(null, true, null, null, null, null, subValue) }}" class="graxnh">
  50.                                 {{ subValue.title }}
  51.                             </a>
  52.                         {% endif %}
  53.                     </div>
  54.                     {% if getValueLevel(subValue) < 4 %}
  55.                         {% for key, subSubValue in getSubValues(subValue) %}
  56.                             <div class="mab-12">
  57.                                 <a href="{{ getProductUrl(null, true, null, null, null, null, subSubValue) }}"
  58.                                    class="tgjdos">
  59.                                     {{ subSubValue.title }}
  60.                                 </a>
  61.                             </div>
  62.                         {% endfor %}
  63.                     {% endif %}
  64.                     <div class="mat-5">
  65.                         <a href="{{ getProductUrl(null, false, null, null, null, null, subValue) }}" class="xipdgd">
  66.                             <i class="fa fa-arrow-right mar-5"></i>
  67.                             {{ "category.see_all_products"|trans|raw }}
  68.                         </a>
  69.                     </div>
  70.                 </div>
  71.             {% endfor %}
  72.         </div>
  73.     </section>
  74. {% endblock %}