custom/plugins/ChespackTwoTheme/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. {# Adjusted header structure and layout #}
  4. {% block layout_header %}
  6.     {# Removed top bar #}
  7.     {% block layout_top_bar %}{% endblock %}
  9.     {% block layout_header_navigation %}
  10.         <div class="row align-items-center header-row h-auto">
  11.             {# Moved navigation toggle before logo #}
  12.             {% block layout_header_navigation_toggle %}
  13.                 <div class="col-auto d-xl-none">
  14.                     <div class="menu-button">
  15.                         {% block layout_header_navigation_toggle_button %}
  16.                             <button class="btn nav-main-toggle-btn header-actions-btn"
  17.                                     type="button"
  18.                                     data-offcanvas-menu="true"
  19.                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  20.                                 {% block layout_header_navigation_toggle_button_icon %}
  21.                                     {% sw_icon 'stack' %}
  22.                                 {% endblock %}
  23.                             </button>
  24.                         {% endblock %}
  25.                     </div>
  26.                 </div>
  27.             {% endblock %}
  29.             {% block layout_header_logo %}
  30.                 <div class="col-auto col-xl-2 header-logo-col my-auto">
  31.                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  32.                 </div>
  33.             {% endblock %}
  35.             {# Added main navigation #}
  36.             {% block layout_header_navigation_inner %}
  37.                 <div class="col-12 order-2 col-xl-7 order-sm-1 header-search-col d-none d-md-block mt-auto">
  38.                     <div class="row">
  39.                         <div class="col">
  40.                             {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.             {% endblock %}
  46.             {# Moved search below and show on search btn toggle #}
  47.             {% block layout_header_search %}{% endblock %}
  49.             {% block layout_header_actions %}
  50.                 <div class="col-auto order-xl-1 col-xl-3 order-xl-2 header-actions-col my-auto">
  51.                     <div class="row no-gutters">
  53.                         <div class="col-auto my-auto">
  54.                             <p class="hd-st-a m-0"><a href="tel:{{ "chespackTheme.contact.phone"|trans|sw_sanitize }}">{{ "chespackTheme.contact.phone"|trans|sw_sanitize }}</a></p>
  55.                         </div>
  57.                         {# Show toggle also for the desktop, changed search icon #}
  58.                         {% block layout_header_search_toggle %}
  59.                             <div class="col-auto my-auto">
  60.                                 <div class="search-toggle">
  61.                                     <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  62.                                             type="button"
  63.                                             data-toggle="collapse"
  64.                                             data-target="#searchCollapse"
  65.                                             aria-expanded="false"
  66.                                             aria-controls="searchCollapse"
  67.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  68.                                         {% sw_icon 'search' style {
  69.                                             'namespace': 'ChespackTheme'
  70.                                         } %}
  71.                                     </button>
  72.                                 </div>
  73.                             </div>
  74.                         {% endblock %}
  77.                         {# Changed order of action buttons #}
  78.                         {{ block('layout_header_actions_cart') }}
  79.                         {% if config('core.cart.wishlistEnabled') %}
  80.                             {{ block('layout_header_actions_wishlist') }}
  81.                         {% endif %}
  82.                         {{ block('layout_header_actions_account') }}
  84.                     </div>
  85.                 </div>
  86.             {% endblock %}
  87.         </div>
  88.     {% endblock %}
  91.     {# Moved search below and show on search btn toggle #}
  92.     {% block layout_header_search_copy %}
  93.         <div class="row">
  94.             <div class="col">
  95.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  96.             </div>
  97.         </div>
  98.     {% endblock %}
  100. {% endblock %}