{% block layout_navigation_categories %} {% set navigationMaxDepth = 3 %} {% if not level %} {% set level = 0 %} {% endif %} {% set activeId = page.header.navigation.active.id %} {% set activePath = page.header.navigation.active.path %} <div class="{% if level == 0 %}row {% endif %}navigation-flyout-categories is-level-{{ level }}"> {% for treeItem in navigationTree %} {% set id = treeItem.category.id %} {% set name = treeItem.category.translated.name %} {% set link = category_url(treeItem.category) %} {% block layout_navigation_categories_item %} <div class="{% if level == 0 %}{% if navigationMedia %}col-4 {% else %}col-3 {% endif %}{% endif %}navigation-flyout-col"> {% 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> </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> </a> {% endif %} {% endblock %} {% block layout_navigation_categories_recoursion %} {% if level < navigationMaxDepth %} {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with { navigationTree: treeItem.children, level: level + 1, page: page } only %} {% endif %} {% endblock %} </div> {% endblock %} {% endfor %} </div>{% endblock %}