custom/plugins/MetalementsTheme/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {% block layout_header %}
  4.     <div class="wct-top-bar row">
  5.         <div class="wct-usp col-4">
  6.             <i class="fa-solid fa-euro-sign"></i>
  7.             <p>Kauf auf Rechnung</p>
  8.         </div>
  9.         <div class="wct-usp col-4">
  10.             <i class="fa-solid fa-truck-fast"></i>
  11.             <p>Versandkostenfrei</p>
  12.         </div>
  13.         <div class="wct-usp col-4">
  14.             <i class="fa-solid fa-check"></i>
  15.             <p>5 Jahre Garantie auf alle Teile</p>
  16.         </div>
  17.     </div>
  18.     {% block layout_header_navigation %}
  19.         <div class="row align-items-center header-row">
  20.             {% block layout_header_search %}
  21.                 <div class="col-4 header-search-col">
  22.                     <div class="row">
  23.                         <div class="col-sm-auto d-none d-sm-block d-lg-none">
  24.                             {% block layout_header_navigation_toggle_tablet %}
  25.                                 <div class="nav-main-toggle">
  26.                                     {% block layout_header_navigation_toggle_tablet_button %}
  27.                                         <button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags }}">
  28.                                             {% block layout_header_navigation_toggle_tablet_button_icon %}
  29.                                                 {% sw_icon 'stack' %}
  30.                                             {% endblock %}
  31.                                         </button>
  32.                                     {% endblock %}
  33.                                 </div>
  34.                             {% endblock %}
  35.                         </div>
  36.                         <div class="col">
  37.                             {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.             {% endblock %}
  43.             {% block layout_header_logo %}
  44.                 <div class="col-4 header-logo-col">
  45.                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  46.                 </div>
  47.             {% endblock %}
  49.             {% block layout_header_actions %}
  50.                 <div class="col-4 header-actions-col">
  51.                     <div class="row {{ gridNoGuttersClass }}">
  52.                         {% block layout_header_navigation_toggle %}
  53.                             <div class="col d-sm-none">
  54.                                 <div class="menu-button">
  55.                                     {% block layout_header_navigation_toggle_button %}
  56.                                         <button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags }}">
  57.                                             {% block layout_header_navigation_toggle_button_icon %}
  58.                                                 {% sw_icon 'stack' %}
  59.                                             {% endblock %}
  60.                                         </button>
  61.                                     {% endblock %}
  62.                                 </div>
  63.                             </div>
  64.                         {% endblock %}
  66.                         {% block layout_header_search_toggle %}
  67.                             <div class="col-auto d-sm-none">
  68.                                 <div class="search-toggle">
  69.                                     <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed" type="button" {{ dataBsToggleAttr }}="collapse" {{ dataBsTargetAttr }}="#searchCollapse" aria-expanded="false" aria-controls="searchCollapse" aria-label="{{ "header.searchButton"|trans|striptags }}">
  70.                                         {% sw_icon 'search' %}
  71.                                     </button>
  72.                                 </div>
  73.                             </div>
  74.                         {% endblock %}
  76.                         {% block layout_header_actions_account %}
  77.                             <div class="col-auto">
  78.                                 <div class="account-menu">
  79.                                     {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  80.                                 </div>
  81.                             </div>
  82.                         {% endblock %}
  84.                         {% if config('core.cart.wishlistEnabled') %}
  85.                             {% block layout_header_actions_wishlist %}
  86.                                 <div class="col-auto">
  87.                                     <div class="header-wishlist">
  88.                                         <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 }}">
  89.                                             {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  90.                                         </a>
  91.                                     </div>
  92.                                 </div>
  93.                             {% endblock %}
  94.                         {% endif %}
  96.                         {% block layout_header_actions_cart %}
  97.                             <div class="col-auto">
  98.                                 <div class="header-cart" data-offcanvas-cart="true">
  99.                                     <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  100.                                         {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  101.                                     </a>
  102.                                 </div>
  103.                             </div>
  104.                         {% endblock %}
  105.                     </div>
  106.                 </div>
  107.             {% endblock %}
  108.         </div>
  109.     {% endblock %}
  110. {% endblock %}