vendor/shopware/storefront/Resources/views/storefront/layout/header/header.html.twig line 1

  1. {% block layout_header %}
  2.     {% block layout_top_bar %}
  3.         {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  4.     {% endblock %}
  6.     {% block layout_header_navigation %}
  7.         <div class="row align-items-center header-row">
  8.             {% block layout_header_logo %}
  9.                 <div class="col-12 col-lg-auto header-logo-col">
  10.                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  11.                 </div>
  12.             {% endblock %}
  14.             {% block layout_header_search %}
  15.                 <div class="col-12 order-2 col-sm order-sm-1 header-search-col">
  16.                     <div class="row">
  17.                         <div class="col-sm-auto d-none d-sm-block d-lg-none">
  18.                             {% block layout_header_navigation_toggle_tablet %}
  19.                                 <div class="nav-main-toggle">
  20.                                     {% block layout_header_navigation_toggle_tablet_button %}
  21.                                         <button
  22.                                             class="btn nav-main-toggle-btn header-actions-btn"
  23.                                             type="button"
  24.                                             {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-offcanvas-menu" is deprecated. Use "data-off-canvas-menu" instead #}
  25.                                             {% if feature('v6.6.0.0') %}
  26.                                                 data-off-canvas-menu="true"
  27.                                             {% else %}
  28.                                                 data-offcanvas-menu="true"
  29.                                             {% endif %}
  30.                                             aria-label="{{ "general.menuLink"|trans|striptags }}"
  31.                                         >
  32.                                             {% block layout_header_navigation_toggle_tablet_button_icon %}
  33.                                                 {% sw_icon 'stack' %}
  34.                                             {% endblock %}
  35.                                         </button>
  36.                                     {% endblock %}
  37.                                 </div>
  38.                             {% endblock %}
  39.                         </div>
  40.                         <div class="col">
  41.                             {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  42.                         </div>
  43.                     </div>
  44.                 </div>
  45.             {% endblock %}
  47.             {% block layout_header_actions %}
  48.                 <div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
  49.                     <div class="row g-0">
  50.                         {% block layout_header_navigation_toggle %}
  51.                             <div class="col d-sm-none">
  52.                                 <div class="menu-button">
  53.                                     {% block layout_header_navigation_toggle_button %}
  54.                                         <button
  55.                                             class="btn nav-main-toggle-btn header-actions-btn"
  56.                                             type="button"
  57.                                             {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-offcanvas-menu" is deprecated. Use "data-off-canvas-menu" instead #}
  58.                                             {% if feature('v6.6.0.0') %}
  59.                                                 data-off-canvas-menu="true"
  60.                                             {% else %}
  61.                                                 data-offcanvas-menu="true"
  62.                                             {% endif %}
  63.                                             aria-label="{{ "general.menuLink"|trans|striptags }}"
  64.                                         >
  65.                                             {% block layout_header_navigation_toggle_button_icon %}
  66.                                                 {% sw_icon 'stack' %}
  67.                                             {% endblock %}
  68.                                         </button>
  69.                                     {% endblock %}
  70.                                 </div>
  71.                             </div>
  72.                         {% endblock %}
  74.                         {% block layout_header_search_toggle %}
  75.                             <div class="col-auto d-sm-none">
  76.                                 <div class="search-toggle">
  77.                                     <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  78.                                             type="button"
  79.                                             data-bs-toggle="collapse"
  80.                                             data-bs-target="#searchCollapse"
  81.                                             aria-expanded="false"
  82.                                             aria-controls="searchCollapse"
  83.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  84.                                         {% sw_icon 'search' %}
  85.                                     </button>
  86.                                 </div>
  87.                             </div>
  88.                         {% endblock %}
  90.                         {% if config('core.cart.wishlistEnabled') %}
  91.                             {% block layout_header_actions_wishlist %}
  92.                                 <div class="col-auto">
  93.                                     <div class="header-wishlist">
  94.                                         <a class="btn header-wishlist-btn header-actions-btn"
  95.                                            href="{{ path('frontend.wishlist.page') }}"
  96.                                            title="{{ 'header.wishlist'|trans|striptags }}"
  97.                                            aria-label="{{ 'header.wishlist'|trans|striptags }}">
  98.                                             {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  99.                                         </a>
  100.                                     </div>
  101.                                 </div>
  102.                             {% endblock %}
  103.                         {% endif %}
  105.                         {% block layout_header_actions_account %}
  106.                             <div class="col-auto">
  107.                                 <div class="account-menu">
  108.                                     {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  109.                                 </div>
  110.                             </div>
  111.                         {% endblock %}
  113.                         {% block layout_header_actions_cart %}
  114.                             <div class="col-auto">
  115.                                 <div
  116.                                     class="header-cart"
  117.                                     {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-offcanvas-cart" is deprecated. Use "data-off-canvas-cart" instead #}
  118.                                     {% if feature('v6.6.0.0') %}
  119.                                         data-off-canvas-cart="true"
  120.                                     {% else %}
  121.                                         data-offcanvas-cart="true"
  122.                                     {% endif %}
  123.                                 >
  124.                                     <a class="btn header-cart-btn header-actions-btn"
  125.                                        href="{{ path('frontend.checkout.cart.page') }}"
  126.                                        data-cart-widget="true"
  127.                                        title="{{ 'checkout.cartTitle'|trans|striptags }}"
  128.                                        aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  129.                                         {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  130.                                     </a>
  131.                                 </div>
  132.                             </div>
  133.                         {% endblock %}
  134.                     </div>
  135.                 </div>
  136.             {% endblock %}
  137.         </div>
  138.     {% endblock %}
  139. {% endblock %}