templates/navbar/produit.html.twig line 1

Open in your IDE?
  1. <li class="nav-item dropdown megamenu-li">
  2.     <a class="nav-link {% if '/produit/' in currentUrl %}active{% endif %}" href="#" id="produit" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  3.         Nos produits
  4.         <img class="d-arrow" alt="dropdown" src='{{ asset("assets/dropdown.svg") }}'>
  5.     </a>
  7.     <div class="dropdown-menu megamenu" aria-labelledby="produit">
  8.         <div class="row mx-0">
  9.             <div class="col-12 d-flex flex-column flex-lg-row justify-content-lg-center flex-wrap" id="familleProduitNavbar">
  10.                 {% for famille in familleProduits %}
  12.                     <a
  13.                             class="mx-lg-4 ltr {% if '/produit/'  ~ famille.seoUrl in currentUrl %}active{% endif %}"
  14.                             href="{{ path('famille_produit', {seoUrl: famille.seoUrl}) }}"
  15.                             data-famille="{{ loop.index - 1 }}"
  16.                             data-imagefamilleproduit={{ urlImageFamilleProduit ~ famille.urlImage }}
  17.                             data-notextfamilleproduit={{ (sousFamilleTypes is not empty and sousFamilleTypes[famille.seoUrl] is defined) ? 'true':'false' }}
  18.                             data-textfamilleproduit={{ famille.navbarText|e('html_attr') }}
  19.                             {% if famille.configurateur %} data-configurateurfamilleproduit="<a
  20.                             data-imagesousfamilleproduitnavbar={{ asset('assets/config-nav.jpg')}}
  21.                             data-sousfamillenavbar=0
  22.                             class=&quot;{{ (sousFamilleTypes is not empty and sousFamilleTypes[famille.seoUrl] is defined) ? 'mx-lg-2':'mx-lg-5' }} sousFamilleNavbar &quot;
  23.                             href=&quot;{{ famille.configurateur }}&quot;
  24.                             target=&quot;_blank&quot; {# onclick=&quot;window.open(this.href,'Configurateur','top='+ ((window.screen.height - 700) > 0 ? (window.screen.height - 700)/2 : 0 ) + ',left=' + ((window.screen.width - 1000) > 0 ? (window.screen.width - 1000)/2 : 0) +',directories=0,titlebar=0,toolbar=0,location=0,status=0,menubar=0,scrollbars=0,resizable=0,height=700,width=1000'); return false;&quot; #}>Configurateur</a>"{% endif %}
  26.                     {# Création des sous familles #}
  27.                     {% set sousFamille = "" %}
  29.                     {% if sousFamilleTypes is not empty and sousFamilleTypes[famille.seoUrl] is defined %}
  30.                         {% for positionType, typeArray in sousFamilleTypes[famille.seoUrl] %}
  31.                             {# TODO get title le premier item du niveau suivant foreach avec first titre#}
  32.                             {% for positionSF, SFArray in typeArray %}
  33.                                     {% if loop.first %}
  34.                                         {% set sousFamille = sousFamille ~ '<div class="sousFamilleByType col-lg-4">
  35.                                         <a class="font-weight-bold" href="'~path('sous_famille_type', {familleProduit: famille.seoUrl, sousFamilleType: SFArray.sousFamilleType.seoUrl })~'">' ~ SFArray.sousFamilleType.title ~ '</a><br>' %}
  36.                                     {% endif %}
  38.                                     {% if SFArray.sousFamille.produits is not empty %}
  39.                                         {% set classSousFamille = "" %}
  40.                                         {% if '/produit/'  ~ famille.seoUrl ~ "/" ~ SFArray.sousFamille.seoUrl in currentUrl %}
  41.                                             {% set classSousFamille = "mx-lg-2 active sousFamilleNavbar" %}
  42.                                         {% else %}
  43.                                             {% set classSousFamille = "mx-lg-2 sousFamilleNavbar" %}
  44.                                         {% endif %}
  45.                                         {% set urlSousFamille = '<a class="' ~
  46.                                             classSousFamille ~
  47.                                             '" href="' ~
  48.                                             path('sous_famille', {familleProduit: famille.seoUrl, sousFamille: SFArray.sousFamille.seoUrl }) ~
  49.                                             '" data-imagesousfamilleproduitnavbar="' ~
  50.                                             urlImageSousFamilleProduit ~ SFArray.sousFamille.urlImage ~
  51.                                             '" data-textsousfamilleproduitnavbar="' ~
  52.                                             SFArray.sousFamille.navbarText|e('html_attr') ~
  53.                                             '" data-sousfamillenavbar="' ~ (loop.index - 1) ~
  54.                                             '">' ~
  55.                                             SFArray.sousFamille.designation ~
  56.                                             '</a><br>'
  57.                                         %}
  58.                                         {% set sousFamille =  sousFamille ~ urlSousFamille %}
  59.                                     {% endif %}
  61.                                     {% if loop.last %}
  62.                                         {% set sousFamille = sousFamille ~ '</div>' %}
  63.                                     {% endif %}
  64.                             {% endfor %}
  65.                         {% endfor %}
  67.                         data-sousfamilleproduit = '{{ sousFamille }}'
  68.                         {# FIN Création des sous familles #}
  70.                         >
  72.                     {% for positionType, typeArray in sousFamilleTypes[famille.seoUrl] %}
  73.                         {% for positionSF, SFArray in typeArray %}
  74.                             <img src="{{ urlImageSousFamilleProduit ~ SFArray.sousFamille.urlImage }}" alt="Preload" style="display: none;">
  75.                         {% endfor %}
  76.                     {% endfor %}
  77.                     {% elseif famille.sousFamilles is not empty %}
  79.                             {# Création des sous familles #}
  80.                                 {% set sousFamille = "" %}
  82.                                     {% for sf in famille.sousFamilles %}
  83.                                         {% if sf.produits is not empty %}
  84.                                             {% set classSousFamille = "" %}
  85.                                             {% if '/produit/'  ~ famille.seoUrl ~ "/" ~ sf.seoUrl in currentUrl %}
  86.                                                 {% set classSousFamille = "mx-lg-5 active sousFamilleNavbar" %}
  87.                                             {% else %}
  88.                                                 {% set classSousFamille = "mx-lg-5 sousFamilleNavbar" %}
  89.                                             {% endif %}
  90.                                             {% set urlSousFamille = '<a class="' ~
  91.                                                     classSousFamille ~
  92.                                                     '" href="' ~
  93.                                                     path('sous_famille', {familleProduit: famille.seoUrl, sousFamille: sf.seoUrl }) ~
  94.                                                     '" data-imagesousfamilleproduitnavbar="' ~
  95.                                                     urlImageSousFamilleProduit ~ sf.urlImage ~
  96.                                                     '" data-textsousfamilleproduitnavbar="' ~
  97.                                                             sf.navbarText|e('html_attr') ~
  98.                                                     '" data-sousfamillenavbar="' ~ (loop.index - 1) ~
  99.                                                     '">' ~
  100.                                                     sf.designation ~
  101.                                                     '</a>'
  102.                                             %}
  103.                                             {% set sousFamille =  sousFamille ~ urlSousFamille %}
  104.                                         {% endif %}
  106.                                     {% endfor %}
  107.                                 data-sousfamilleproduit = '{{ sousFamille }}'
  108.                             {# FIN Création des sous familles #}
  110.                         >
  111.                         {% for sf in famille.sousFamilles %}
  112.                         <img src="{{ urlImageSousFamilleProduit ~ sf.urlImage }}" alt="Preload" style="display: none;">
  113.                         {% endfor %}
  114.                     {% endif %}
  115.                         <img src="{{ urlImageFamilleProduit ~ famille.urlImage }}" alt="Preload" style="display: none;">
  116.                         <strong>{{ famille.designation }}</strong>
  117.                     </a>
  118.                 {% endfor %}
  119.             </div>
  120.         </div>{# FIN row #}
  122.         <div class="container">
  123.             <div class="row">
  124.                 <div id="sousFamilleInitNavbar"></div>
  125.                 {# div accueillant les sous familles #}
  126.                 <div class="col-lg-4 d-flex flex-column flex-wrap my-3 mt-lg-0" id="sousFamilleNavbar"></div>
  127.                 {# div accueillant Le texte #}
  128.                 <div class="col-lg-4 d-none d-lg-block text-xl-right mt-0" id="textFamilleProduitNavbar"></div>
  129.                 {# div accueillant les images #}
  130.                 <div class="col-lg-4 d-none d-lg-block pr-0  mt-0" id="imageFamilleProduitNavbar"></div>
  131.             </div>
  132.         </div> {# FIN container #}
  133.     </div> {# Fin de dropdown-menu megamenu  #}
  134. </li>