templates/frontend/fullmenu.html.twig line 1

Open in your IDE?
  1. <div class="row" style="margin-top: 70px;background-color: white;z-index:100; position: fixed; width:100%;">
  2.     <!-- Menu principale-->
  3.     <nav class="navbar header-menu-main full-width d-none d-xl-block  d-lg-block">
  4.         <ul class="nav nav-justified group">
  5.            {% for menu in global.menu %}
  6.                 <!-- Menu principale À BOIRE-->
  7.                 <li class="nav-item dropdown underline-effect-wrapper">
  8.                     <a class="nav-link underline-effect underline-effect-black underline-effect-h2 allowClick"
  9.                        data-toggle="dropdown" href="#" role="button"
  10.                                                        aria-haspopup="true"
  11.                                                        aria-expanded="false">{{menu.name |upper}}</a>
  12.                     <!-- Menu principale dropdown-menu-->
  13.                     <div class="dropdown-menu">
  14.                         <div class="sous-menu row">
  15.                             <div class="sous-menu-main">
  16.                                 <ul class="sous-menu-main-items" style="margin-bottom:75px">
  17.                                     <li class="alllistsMenu" >
  18.                                         <a class=" allowClick allProductsMenuitems" style="color:black !important;" href="{{path("viewCategory", {"name": menu.UrlName})}}">Tous les produits {{menu.name |capitalize }}</a>
  19.                                     </li>
  20.                                     {% for submenu in menu.categories %}
  21.                                     {% if submenu.placement > 0 %}
  23.                                         <li class="sous-menu-main-item" {% if loop.first %}active default{% endif %}>
  24.                                             <a class="sous-menu-main-item-title allowClick" href="{{path("viewCategory", {"name": menu.UrlName, 'sub1':submenu.UrlName})}}">{{submenu.name}}
  25.                                                 <span class="fa fa-chevron-right " aria-hidden="true" style="float: right;"></span></a>
  26.                                             <div class="sous-submenu">
  27.                                                 <div class="row">
  28.                                                     {# This is bad, but we calculate the amount of children to every menu to devide by columns #}
  29.                                                     {% set amountPerCol = submenu.categories | length %}
  31.                                                     {% set amountPerCol = amountPerCol / 2 %}
  32.                                                     {% set amountPerCol = amountPerCol | round(0, 'ceil') %}
  33.                                                     {# End calculation amount per columns we can display #}
  35.                                                     {# Turn false once on the second row #}
  36.                                                     {% set firstRow = true %}
  38.                                                     {# we use col to know where we are at in the loop, increase to all menu or submenu #}
  39.                                                     {% set col = 1 %}
  40.                                                     <div class="col-3" style="padding-left:5px">
  41.                                                         <ul >
  42.                                                             {% for subsubmenu in submenu.categories %}
  43.                                                               {% if global.hasProducts(subsubmenu) %}
  44.                                                                 {% if col > amountPerCol and firstRow%}
  45.                                                                     {% set firstRow = false %}
  46.                                                         </ul>
  48.                                                     </div>
  49.                                                     <div class="col-3">
  50.                                                         <ul>
  51.                                                                 {% endif %}
  52.                                                                 {% if (subsubmenu.placement > 0) %}
  53.                                                                 <li class="caption underline-effect-wrapper-l2">
  54.                                                                     <a class="underline-effect-l2 allowClick underline-effect-black underline-effect-h1"
  55.                                                                        href="{{path("viewCategory", {"name": menu.UrlName, 'sub1':submenu.UrlName, 'sub2': subsubmenu.UrlName})}}">{{subsubmenu.name}}</a>
  56.                                                                 </li>
  57.                                                                  {% endif %}
  58.                                                                 {% for endmenu in subsubmenu.categories %}
  59.                                                                   {% if global.hasProducts(endmenu)  %}
  60.                                                                     {% if (endmenu.placement > 0)  %}
  61.                                                                     <li class="underline-effect-wrapper-l2">
  62.                                                                         <a class="underline-effect-l2 allowClick underline-effect-gray underline-effect-h1"
  63.                                                                            href="{{path("viewCategory", {"name": menu.UrlName, 'sub1':submenu.UrlName, 'sub2': subsubmenu.UrlName, 'sub3': endmenu.UrlName})}}">{{endmenu.name}}</a>
  64.                                                                     </li>
  65.                                                                     {% set col = col + 1 %}
  66.                                                                     {% endif %}
  67.                                                                   {% endif %}
  68.                                                                 {% endfor %}
  69.                                                                 {% set col = col + 1 %}
  70.                                                               {% endif %}
  71.                                                             {% endfor %}
  73.                                                             {# In case we arrived a same amount of items #}
  74.                                                             {% if col <= amountPerCol or firstRow%}
  75.                                                                 </ul>
  77.                                                     </div>
  78.                                                     <div class="col-3">
  79.                                                         <ul>
  80.                                                             {% endif %}
  81.                                                         </ul>
  83.                                                     </div>
  85.                                                 </div>
  86.                                             </div>
  87.                                         </li>
  88.                                          {% endif %}
  89.                                     {% endfor %}
  90.                                 </ul>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                     <!-- Menu principale dropdown-menu-->
  96.                 </li>
  97.             {% endfor %}
  98.              <li class="nav-item dropdown underline-effect-wrapper">
  99.                     <a class="nav-link underline-effect underline-effect-black underline-effect-h2 allowClick" href={{path('viewSponsoredCategory')}}>SOLDES</a>
  100.                     <!-- Menu principale dropdown-menu-->
  101.             </li>
  102.         </ul>
  103.     </nav>
  104.     <!-- Menu principale-->
  105. </div>