custom/plugins/NextagTheme/src/Resources/views/storefront/layout/navigation/mobile-menu.html.twig line 1

Open in your IDE?
  1. {% block layout_main_navigation_menu_items %}
  2.     <div class="menu-wrapper">
  3.         <div class="menu-wrapper__menu">
  4.             <div class="menu-inner d-flex h-100">
  5.                 <ul>
  6.                     {% set activePath = page.header.navigation.active.path %}
  7.                     {% for treeItem in page.header.navigation.tree %}
  8.                         {% set category = treeItem.category %}
  9.                         {% set name = category.translated.name %}
  10.                         {% set categoryId = category.id %}
  11.                         {% block layout_main_navigation_menu_item %}
  12.                             {% if category.type == 'folder' %}
  13.                                 <li>{{ name }}</li>
  14.                             {% else %}
  15.                                 <li>
  16.                                     <div class="collapse-head">
  17.                                         <a class="nav-link-level-0
  18.                                             {% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}
  19.                                             "
  20.                                             href="{% if name == 'Entdecken' %}/winzer/{% elseif category.translated.externalLink %}{{ category.translated.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categoryId }) }}{% endif %}"
  21.                                             title="{{ name }}"
  22.                                         >
  23.                                             {{ name }}
  24.                                         </a>
  25.                                     
  26.                                         {% if treeItem.children|length > 0 %}
  27.                                             <a role="button" 
  28.                                                 data-toggle="collapse" 
  29.                                                 class="collapse-toggle" 
  30.                                                 href="#collapse-mobile-navigation-{{ treeItem.category.id }}" 
  31.                                                 {# {% if categoryId is same as(page.header.navigation.active.id) or categoryId is same as(page.header.navigation.active.parentid) or categoryId in page.header.navigation.active.path or (page.cmsPage.name == "Startseite" and name == "Shop") %}
  32.                                                     aria-expanded="true"
  33.                                                 {% else %}
  34.                                                     aria-expanded="false" 
  35.                                                 {% endif %} #}
  36.                                                 aria-expanded="true"
  37.                                                 aria-controls="collapse-mobile-navigation-{{ treeItem.category.id }}"
  38.                                                 aria-label="{{ "general.showMore"|trans }}"
  39.                                             >
  40.                                                 <i class="icon-angle-up"></i>
  41.                                             </a>
  42.                                         {% endif %}
  43.                                     </div>
  44.                                     {% if treeItem.children|length > 0 %}
  45.                                         {# <ul id="collapse-mobile-navigation-{{ treeItem.category.id }}" class="collapse{% if categoryId is same as(page.header.navigation.active.id) or categoryId is same as(page.header.navigation.active.parentid) or categoryId in page.header.navigation.active.path or (page.cmsPage.name == "Startseite" and name == "Shop")  %} show{% endif %}"> #}
  46.                                         <ul id="collapse-mobile-navigation-{{ treeItem.category.id }}" class="collapse show">
  47.                                             {% sw_include '@Storefront/storefront/layout/navigation/categories-mobile-menu.html.twig' with {
  48.                                                 navigationTree: treeItem.children,
  49.                                                 navigationMedia: treeItem.category.media,
  50.                                                 navigationActiveId: page.header.navigation.active.id,
  51.                                                 page: page
  52.                                             } only %}
  53.                                         </ul>
  54.                                     {% endif %}
  55.                                 </li>
  56.                             {% endif %}
  57.                         {% endblock %}
  58.                     {% endfor %}
  59.                     {# <li class="invisible">
  60.                         <div id="menuWrapperMenuEnd"></div>
  61.                     </li> #}
  62.                 </ul>
  63.             </div>
  64.             {# <div class="menu-wrapper__menu__scroll d-flex justify-content-center">
  65.                 <button class="btn btn-transparent" id="menuWrapperMenuScroll">
  66.                     <svg class="arrows-down" width="60" height="34" viewBox="0 0 60 34"><path class="arrow" d="M0 0 L30 30 L60 0"></path></svg>
  67.                 </button>
  68.             </div> #}
  69.         </div>
  70.     </div>
  71.     <div class="menu-wrapper-cover"></div>
  72. {% endblock %}