{% 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 %}