custom/plugins/PizzaBagTheme/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_navigation %}
  4.     <div class="row align-items-center header-row">
  5.         <div class="mobile-menu-btn">
  6.             <div class="menu-button">
  7.                 <button class="btn nav-main-toggle-btn header-actions-btn"
  8.                         type="button"
  9.                         data-offcanvas-menu="true"
  10.                         aria-label="{{ "general.menuLink"|trans|striptags }}">
  11.                     {% block layout_header_navigation_toggle_button_icon %}
  12.                         {% sw_icon 'stack' %}
  13.                     {% endblock %}
  14.                 </button>
  15.             </div>
  16.         </div>
  17.         {% block layout_header_logo %}
  18.             <div class="col-12 col-lg-auto p-0 header-logo-col">
  19.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  20.             </div>
  21.         {% endblock %}
  23.         {% block base_navigation %}
  24.             <div class="col-lg-9 col-xl-10 nav-main">
  25.                 {% block base_navigation_inner %}
  26.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  27.                 {% endblock %}
  28.             </div>
  29.         {% endblock %}
  31.         {% block layout_header_search %}
  32.             <div class="col-12 order-2 col-sm order-sm-1 header-search-col d-block d-sm-none">
  33.                 <div class="row">
  34.                     <div class="col-sm-auto d-none d-sm-block d-lg-none">
  35.                         <div class="nav-main-toggle">
  36.                             <button class="btn nav-main-toggle-btn header-actions-btn"
  37.                                     type="button"
  38.                                     data-offcanvas-menu="true"
  39.                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  40.                                 {% sw_icon 'stack' %}
  41.                             </button>
  42.                         </div>
  43.                     </div>
  44.                     <div class="col p-0">
  45.                         {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         {% endblock %}
  51.         {% block layout_header_actions %}
  52.             <div class="col-12 col-lg-auto header-actions-col">
  53.                 <div class="row {{ gridNoGuttersClass }}">
  54.                     {% block layout_header_navigation_toggle %}
  55.                         <div class="mobile-menu-btn d-none">
  56.                             <div class="menu-button">
  57.                                 {% block layout_header_navigation_toggle_button %}
  58.                                     {{ parent() }}
  59.                                 {% endblock %}
  60.                             </div>
  61.                         </div>
  63.                     {% endblock %}
  65.                     {% block layout_header_search_toggle %}{% endblock %}
  67.                     <div class="header-search-col d-none d-sm-block">
  68.                         <div class="row">
  69.                             <div class="col p-0">
  70.                                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  71.                             </div>
  72.                         </div>
  73.                     </div>
  75.                     <div class="col-auto">
  76.                         <div class="search-toggle">
  77.                             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  78.                                     type="button"
  79.                             {{ dataBsToggleAttr }}="collapse"
  80.                             {{ dataBsTargetAttr }}="#searchCollapse"
  81.                             aria-expanded="false"
  82.                             aria-controls="searchCollapse"
  83.                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  84.                             <img src="{{ asset('bundles/pizzabagtheme/static/img/search-icon.svg', 'asset') }}"/>
  85.                             </button>
  86.                         </div>
  87.                     </div>
  89.                     {% if config('core.cart.wishlistEnabled') %}
  90.                         {% block layout_header_actions_wishlist %}
  91.                             {{ parent() }}
  92.                         {% endblock %}
  93.                     {% endif %}
  95.                     {% block layout_header_actions_account %}
  96.                         {{ parent() }}
  97.                     {% endblock %}
  99.                     {% block layout_header_actions_cart %}
  100.                         <div class="col-auto">
  101.                             <div class="header-cart"
  102.                                  data-offcanvas-cart="true">
  103.                                 <a class="btn header-cart-btn header-actions-btn"
  104.                                    href="{{ path('frontend.checkout.cart.page') }}"
  105.                                    data-cart-widget="true"
  106.                                    title="{{ 'checkout.cartTitle'|trans|striptags }}"
  107.                                    aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  108.                                     {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  109.                                 </a>
  110.                             </div>
  111.                         </div>
  112.                     {% endblock %}
  113.                 </div>
  114.             </div>
  115.         {% endblock %}
  116.     </div>
  117. {% endblock %}