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

Open in your IDE?
  1. {% extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {% block layout_top_bar %} {# moved the top bar into the menu #}
  4. {% endblock %}
  6. {% block layout_header_logo %}
  7.         <div class="col-4 col-sm-3 header-logo-col">
  8.             <div class="header-logo-wrapper">
  9.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  10.             </div>
  11.         </div>
  12. {% endblock %}
  14. {% block layout_header_search %}
  15.     <div class="col-12 order-2 col-sm order-md-1 header-search-col collapse" id="searchCollapse">
  16.         <div class="col">
  17.             {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  18.         </div>
  19.     </div>
  20. {% endblock %}
  22. {% block layout_header_actions %}
  23.     <div class="col-8 col-sm-9 order-1 order-md-2 header-actions-col pr-1 pl-1 pr-sm-5">
  25.         <div class="row {{ gridNoGuttersClass }} header-actions-row">
  27.             {% set quickNavigation = page.header.navigation.tree|filter(n =>
  28.                 n.category.translated.name == 'Quick Navigation')|first %}
  29.             {% if quickNavigation %}
  30.                 {% for item in quickNavigation.children %}
  31.                     <div class="quick-navigation col-auto">
  32.                         <a class="quick-navigation-link{% if navigationTree.id == page.header.navigation.active.id or navigationTree.id in activePath %} active{% endif %}"
  33.                                 href="{{ category_url(item.category) }}"
  34.                                 itemprop="url"
  35.                                 title="{{ item.category.translated.name }}">
  36.                             {{ item.category.translated.name }}
  37.                         </a>
  38.                     </div>
  39.                 {% endfor %}
  40.             {% endif %}
  42.             {% block layout_header_search_toggle %}
  43.                 <div class="col-auto ml-auto"> <!-- removed d-sm-none from parent -->
  44.                     <div class="search-toggle">
  45.                         <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  46.                                 type="button"
  47.                                 {{ dataBsToggleAttr }}="collapse"
  48.                                 {{ dataBsTargetAttr }}="#searchCollapse"
  49.                                 aria-expanded="false"
  50.                                 aria-controls="searchCollapse"
  51.                                 aria-label="{{ "header.searchButton"|trans|striptags }}">
  52.                             {% sw_icon 'magnifier' style { namespace: 'IabTheme' } %}
  53.                         </button>
  54.                     </div>
  55.                 </div>
  56.             {% endblock %}
  58.             {% if config('core.cart.wishlistEnabled') and context.customer %}
  59.                 {{ block('layout_header_actions_wishlist') }}
  60.             {% endif %}
  62.             {{ block('layout_header_actions_account') }}
  63.             {{ block('layout_header_actions_cart') }}
  65.             {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  66.             {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  67.             {% block layout_header_navigation_toggle %}
  68.                 <div class="col d-lg-none flex-grow-0">
  69.                     <div class="menu-button">
  70.                         {% block layout_header_navigation_toggle_button %}
  71.                             <button class="btn nav-main-toggle-btn header-actions-btn"
  72.                                     type="button"
  73.                                     data-offcanvas-menu="true"
  74.                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  75.                                 {% block layout_header_navigation_toggle_button_icon %}
  76.                                     {% sw_icon 'stack' %}
  77.                                 {% endblock %}
  78.                             </button>
  79.                         {% endblock %}
  80.                     </div>
  81.                 </div>
  82.             {% endblock %}
  84.     </div>
  85. {% endblock %}