{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% block layout_main_navigation %}
<div class="container d-none d-lg-flex navbar-container" id="navbar-container">
<div class="menu-button d-none d-lg-flex align-items-stretch h-100 justify-center">
<button class="btn nav-main-toggle-btn header-actions-btn"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% sw_icon 'stack' %}
</button>
</div>
<div class="container-fluid px-0 collapse-navbar-container">
<nav class="navbar navbar-expand-md navbar-light p-0">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav justify-content-center">
{#}
{% for treeItem in page.header.navigation.tree %}
<li class="nav-item navbar-button" id="nav-li-{{ treeItem.category.id }}" style="margin-right:10px;position:relative;">
<a class="nav-link text-underlined px-0" id="{{ treeItem.category.id }}" href="{{ seoUrl('frontend.navigation.page', { navigationId: treeItem.category.id }) }}">
<p class="nav-link-text">{{ treeItem.category.translated.name }}</p>
</a>
<div class="dropdown-menu main-nav-dropdown" id="#{{ treeItem.category.id }}" aria-labelledby="{{ treeItem.category.translated.name }}">
{% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
</div>
</li>
{% endfor %}
{#}
{#}Quickfix scr 30.06.22{#}
{% for treeItem in page.header.navigation.tree %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
<li class="nav-item navbar-button" id="nav-li-{{ treeItem.category.id }}" style="margin-right:10px;position:relative;">
<a class="nav-link text-underlined px-0" id="{{ treeItem.category.id }}" href="{{ category_url(category) }}">
<p class="nav-link-text">{{ treeItem.category.translated.name }}</p>
</a>
<div class="dropdown-menu main-nav-dropdown" id="#{{ treeItem.category.id }}" aria-labelledby="{{ treeItem.category.translated.name }}">
{% if treeItem.children %}
{% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
</nav>
</div>
</div>
{% endblock %}