{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% block layout_main_navigation_menu_item %}
{% if category.type == 'folder' %}
<div class="nav-link main-navigation-link" {% if treeItem.children|length > 0 or treeItem.category.translated.customFields.migration_kewsw5_category_showlogos%} 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 main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}" href="{{ category_url(category) }}" itemprop="url" {% if treeItem.children|length > 0 or treeItem.category.translated.customFields.migration_kewsw5_category_showlogos%} data-flyout-menu-trigger="{{ category.id }}" {% endif %} {% if category_linknewtab(category) %} target="_blank" {% endif %} title="{{ name }}">
<div class="main-navigation-link-text">
<span itemprop="name">{{ name }}</span>
</div>
</a>
{% endif %}
{% endblock %}
{% block layout_main_navigation_menu_flyouts %}
{% for treeItem in page.header.navigation.tree %}
{% if treeItem.children|length > 0 or treeItem.category.translated.customFields.migration_kewsw5_category_showlogos %}
{% block layout_main_navigation_menu_flyout %}
<div class="navigation-flyout" data-flyout-menu-id="{{ treeItem.category.id }}">
<div class="container">
{% 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>
</div>
{% endblock %}
{% endif %}
{% endfor %}
{% endblock %}