templates/layout/includes/navegation/navbar.html.twig line 1

Open in your IDE?
  1. <div class="menu-outer menu-categories">
  2.     <nav class="container">
  3.         <div class="row">
  4.             <div class="col-1 col-sm-12 col-md-12 col-lg-12 align-self-center d-menu-col">
  5.                 <!--Desktop Menu-->
  6.                 <nav class="grid__item" id="AccessibleNav">
  7.                     <ul id="siteNav" class="hidearrow">
  8.                         {% for category in categories %}
  9.                             {% set url = category.category.getDetailUrl({'rootCategory': null, 'document' : document}) %}
  10.                             <li class="lvl1 parent category megamenu" id="category-{{ category.category.getId() }}">
  11.                                 <a href="{{ url }}">{{ category.category.title }}<i class="an an-angle-down-l"></i></a>
  12.                                 {% if category.children %}
  13.                                     <div class="megamenu style2" id="{{ category.category.getId() }}">
  14.                                         <div class="row">
  15.                                             <div class="lvl-1 col-md-3 col-lg-3">
  16.                                                 <a href="#" class="site-nav lvl-1 menu-title text-center">{{ "navegation.brand" | trans }}</a>
  17.                                                 <div class="menu-brand-logo align-items-center"  id="brand-container-{{ category.category.getId() }}">
  18.                                                 </div>
  19.                                             </div>
  20.                                             <div class="lvl-1 col-md-3 col-lg-3">
  21.                                                 <a href="#" class="site-nav lvl-1 menu-title"></a>
  22.                                                 <ul class="subLinks">
  23.                                                     {% for subcategory in category.children %}
  24.                                                         {% set subcategoryUrl = subcategory.category.getDetailUrl({'rootCategory': null, 'document' : document}) %}
  25.                                                         <li class="lvl-2 children sub {% if loop.first %}active{% endif %}" id="category-{{ subcategory.category.getId() }}" onmouseover="showSubsubcategories({{ subcategory.category.getId() }});">
  26.                                                             <a href="{{ subcategoryUrl }}" class="site-nav lvl-2 menu-title">{{ subcategory.category.title }}</a>
  27.                                                         </li>
  28.                                                     {% endfor %}
  29.                                                 </ul>
  30.                                             </div>
  31.                                             <div class="lvl-1 col-md-3 col-lg-3">
  32.                                                 <a href="#" class="site-nav lvl-1 menu-title"></a>
  33.                                                 {% for subcategory in category.children %}
  34.                                                     <ul class="subLinks subsubcategories-list subsubcategory-{{ subcategory.category.getId() }}" style="display: {% if loop.first %}block{% else %}none{% endif %};">
  35.                                                         {% for subsubcategory in subcategory.children %}
  36.                                                             {% set subsubcategoryUrl = subsubcategory.category.getDetailUrl({'rootCategory': null, 'document' : document}) %}
  37.                                                             <li class="lvl-2 children" id="category-{{ subsubcategory.category.Id }}">
  38.                                                                 <a href="{{ subsubcategoryUrl }}"  class="site-nav lvl-2 menu-title">{{ subsubcategory.category.title }}</a>
  39.                                                             </li>
  40.                                                         {% endfor %}
  41.                                                     </ul>
  42.                                                 {% endfor %}
  43.                                             </div>
  44.                                             <div class="lvl-1 col-md-3 col-lg-3 p-0 text-center align-items-center" id="featured-product-container-{{ category.category.getId() }}"></div>
  45.                                         </div>
  46.                                     </div>
  47.                                 {% endif %}
  48.                             </li>
  49.                         {% endfor %}
  50.                     </ul>
  51.                 </nav>
  52.                 <!--End Desktop Menu-->
  53.             </div>
  54.         </div>
  55.     </nav>
  56. </div>
  58. <script>
  59.     let errorFeaturedProduct= '{{ 'navbar.product.error_translation' |trans}}'
  60.     let errorLoadingFeaturedProduct= '{{ 'navbar.product.error.loading_translation' |trans}}'
  61. </script>