{% block layout_header_bottom_bar %}
<div class="section-inner container">
<div class="row">
<div class="logo-container">
<a href="/">
{% block layout_header_logo_image_default %}
{% if shopware.theme['sw-logo-desktop'] %}
<img src="{{ shopware.theme['sw-logo-desktop'] |sw_encode_url }}" alt="{{ "header.logoLink"|trans|striptags|sw_sanitize }}" class="img-fluid logo-main"/>
{% endif %}
{% endblock %}
</a>
</div>
<div class="nav-container">
{% block base_navigation %}
{% block base_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
{% endblock %}
</div>
<div class="action-container">
<div class="search-container">
<div class="col_search">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
</div>
{% if config('core.cart.wishlistEnabled') %}
{% block layout_header_actions_wishlist %}
<li class="linkbuttons">
<div class="header-wishlist">
<a class="btn wishlist-menu-btn header-actions-btn shadow-sm"
href="{{ path('frontend.wishlist.page') }}"
title="{{ 'header.wishlist'|trans|striptags }}"
aria-label="{{ 'header.wishlist'|trans|striptags }}">
{% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
</a>
</div>
</li>
{% endblock %}
{% endif %}
{% block layout_header_actions_cart %}
<li class="linkbuttons">
<div class="header-cart" data-offcanvas-cart="true">
<div class="btn header-cart-btn header-actions-btn shadow-sm" data-cart-widget="true" style="overflow:visible">
{% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
</div>
</div>
</li>
{% endblock %}
</div>
<div class="mobile-menu-holder">
{% block layout_header_search_toggle %}
<div class="d-none">
<div class="search-toggle">
<button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed shadow-sm"
type="button"
data-toggle="collapse"
data-target="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans|striptags|sw_sanitize }}">
<i class="material-icons">search</i>
</button>
</div>
</div>
{% endblock %}
{% block layout_header_navigation_toggle %}
<li class="linkbuttons">
<div class="menu-button">
{% block layout_header_navigation_toggle_button %}
<button class="btn-noframe nav-main-toggle-btn header-actions-btn shadow-sm" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags|sw_sanitize }}">
{% block layout_header_navigation_toggle_button_icon %}
<i class="material-icons">menu</i>
{% endblock %}
</button>
{% endblock %}
</div>
</li>
{% endblock %}
</div>
</div>
</div>
{% 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 %}
{% if navigationChildrenCount > 0 %}
{% block layout_main_navigation_menu_flyout_container %}
<div class="navigation-flyouts">
{% block layout_main_navigation_menu_flyouts %}
{% for treeItem in page.header.navigation.tree %}
{% if treeItem.children|length > 0 %}
{% 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} only %}
{% endblock %}
</div>
</div>
{% endblock %}
{% endif %}
{% endfor %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
{% endblock %}
{% endblock %}