{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}{% block layout_main_navigation %} <div class="header_bottom"> <div class="page_container"> <div class="menu_block"> <div class="menu_inner"> <div class="catalog_menu"> <ul class="menu_list" id="mainNavigation" data-flyout-menu="true"> {% block layout_main_navigation_navbar %} {% block layout_main_navigation_menu %} {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %} {% block layout_main_navigation_menu_home %} {% endblock %} {% block layout_main_navigation_menu_items %} {% set activePath = page.header.navigation.active.path %} {% for treeItem in page.header.navigation.tree %} {% set category = treeItem.category %} {% set name = category.translated.name %} {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #} {% set categorId = category.id %} <li class="{% if category.id == page.header.navigation.active.id or category.id in activePath %}current_page{% endif %}"> {% block layout_main_navigation_menu_item %} {% if category.type == 'folder' %} <div class="nav-link main-navigation-link" {% if treeItem.children|length > 0 %} data-flyout-menu-trigger="{{ category.id }}" {% endif %} title="{{ name }}"> <div class="main-navigation-link-text"> <span itemprop="name">{{ name }} </span> </div> </div> {% else %} <a class="nav-link {% if treeItem.children|length > 0 %}submenu_btn{% endif %} main-navigation-link" href="{{ category_url(category) }}" itemprop="url" {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %} {% if category_linknewtab(category) %}target="_blank"{% endif %} title="{{ name }}"> <span itemprop="name">{{ name }}</span> </a> {% if treeItem.children|length > 0 %} <div class="submenu_block"> {% block layout_main_navigation_menu_flyout_include %} {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %} {% endblock %} </div> {% endif %} {% endif %} {% endblock %} </li> {% endfor %} {% endblock %} {% block layout_main_navigation_menu_flyout_wrapper %} {% set navigationChildrenCount = 0 %} {% for treeItem in page.header.navigation.tree %} {% if treeItem.category.childCount > 0 %} {% set navigationChildrenCount = navigationChildrenCount + 1 %} {% endif %} {% endfor %} {% endblock %} {% endblock %} {% endblock %} </ul> </div> </div> </div> </div> </div>{% endblock %}