{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}{% block layout_top_bar %}{% endblock %}{% block layout_header_navigation %} <div class="row d-lg-none py-3"> <div class="col-6 col-sm-4 order-2 order-sm-1"> <div class="menu-button"> {% block layout_header_navigation_toggle_button %} <button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans }}"> {% block layout_header_navigation_toggle_button_icon %} {% sw_icon 'stack' %} {% endblock %} </button> {% endblock %} </div> </div> <div class="col-12 col-sm-4 order-1 order-sm-2 mb-4 mb-sm-0 text-center"> {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %} </div> <div class="col-6 col-sm-4 order-3 order-sm-3"> <div class="d-flex justify-content-end align-items-center"> {% if theme_config('rhweb-header-layout-header-search') %} <div class="search-toggle"> <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed" type="button" data-toggle="collapse" data-target="#searchCollapse" aria-expanded="false" aria-controls="searchCollapse" aria-label="{{ "header.searchButton"|trans }}"> <i class="rhweb-icon las la-search" aria-hidden="true"></i> </button> </div> {% endif %} <div class="account-menu"> {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %} </div> {% if config('core.cart.wishlistEnabled') %} <div class="header-wishlist"> <a class="btn header-wishlist-btn header-actions-btn" 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> {% endif %} <div class="header-cart" data-offcanvas-cart="true"> <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans }}"> {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %} </a> </div> </div> </div> </div> <div class="row d-none d-lg-flex align-items-center py-3"> <div class="col-12 col-md-2"> {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %} </div> <div class="col-12 col-md-8 text-center"> <div class="nav-main"> {% block base_navigation_inner %} {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %} {% endblock %} </div> </div> <div class="col-12 col-md-2"> <div class="d-flex align-items-center justify-content-end"> {% if theme_config('rhweb-header-layout-header-search') %} <div class="search-toggle"> <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed" type="button" data-toggle="collapse" data-target="#searchCollapse" aria-expanded="false" aria-controls="searchCollapse" aria-label="{{ "header.searchButton"|trans }}"> <i class="rhweb-icon las la-search" aria-hidden="true"></i> </button> </div> {% endif %} <div class="account-menu"> {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %} </div> {% if config('core.cart.wishlistEnabled') %} <div class="header-wishlist"> <a class="btn header-wishlist-btn header-actions-btn" 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> {% endif %} <div class="header-cart"> <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans }}"> {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %} </a> </div> </div> </div> </div> {% if theme_config('rhweb-header-layout-header-search') %} {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %} {% endif %}{% endblock %}