{% sw_extends '@Storefront/storefront/layout/navigation/categories.html.twig' %}
{# ... @zenit - custom fields #}
{% set zenCustomFields = {
category: page.header.navigation.active.translated.customFields,
} %}
{% block layout_navigation_categories_item %}
{# ... @zenit - override navigation MaxDepth, taking into account that the flyout menu starts
counting the level without top categories level, unlike the sidebar categories or the dropdown.
So we have to reduce zen-flyout-navigation-max-depth and context.salesChannel.navigationCategoryDepth by one #}
{% set navigationMaxDepth = theme_config('zen-flyout-navigation-max-depth') ? theme_config('zen-flyout-navigation-max-depth') - 1 : context.salesChannel.navigationCategoryDepth - 1 %}
{{ parent() }}
{% endblock %}
{% block layout_navigation_categories_item_link %}
{% if treeItem.category.type == 'folder' %}
<div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
title="{{ name }}">
<span itemprop="name">{{ name }}</span>
{# ... @zenit - add badge #}
{% sw_include '@zenitPlatformGravity/storefront/layout/navigation/zen-navigation-badge.html.twig' with {
category: treeItem.category,
} only %}
</div>
{% else %}
<a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
href="{{ link }}"
itemprop="url"
{% if category_linknewtab(treeItem.category) %}target="_blank"
{% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
{% endif %}
title="{{ name }}">
<span itemprop="name">{{ name }}</span>
{# ... @zenit - add badge #}
{% sw_include '@zenitPlatformGravity/storefront/layout/navigation/zen-navigation-badge.html.twig' with {
category: treeItem.category,
} only %}
</a>
{% endif %}
{% endblock %}