custom/apps/AtlKatanaTheme/Resources/views/storefront/skin/tempura/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/layout/header/header.html.twig" %}
  3. {% block layout_top_bar %}{% endblock %}
  5. {% block layout_header_navigation %}
  6.     <div class="row align-items-center header-row no-gutters" data-atl-katana-search-overlay="true">
  7.         {% block layout_header_logo %}
  8.             <div class="col d-flex align-items-center d-md-none">
  9.                 <div class="d-flex">
  10.                     <div class="menu-button">
  11.                         {% block layout_header_navigation_toggle_button %}
  12.                             <button class="btn nav-main-toggle-btn header-actions-btn"
  13.                                     type="button"
  14.                                     data-offcanvas-menu="true"
  15.                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  16.                                 {% block layout_header_navigation_toggle_button_icon %}
  17.                                     {% sw_icon 'stack' style {
  18.                                         'namespace': 'AtlKatanaTheme',
  19.                                         'pack':  theme_config('atl-icon-set')
  20.                                     } %}
  21.                                 {% endblock %}
  22.                             </button>
  23.                         {% endblock %}
  24.                     </div>
  26.                     {% block layout_header_search_toggle_mobile %}
  27.                         {% sw_include '@Storefront/storefront/skin/global/layout/header/actions/search-widget.html.twig' %}
  28.                     {% endblock %}
  29.                 </div>
  30.             </div>
  32.             <div class="col-auto col-md header-logo-col">
  33.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  34.             </div>
  35.         {% endblock %}
  37.         {% block layout_header_search %}
  38.             {% if theme_config('atl-header-search-layout') == 'overlay' %}
  39.                 <div class="col-auto d-none d-md-block mx-md-3">
  40.                     {% sw_include '@Storefront/storefront/skin/global/layout/header/actions/search-widget.html.twig' %}
  41.                 </div>
  42.             {% elseif theme_config('atl-header-search-layout') == 'default' %}
  43.                 <div class="col-5 d-none d-md-block mx-md-3">
  44.                     {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  45.                 </div>
  46.             {% endif %}
  47.         {% endblock %}
  49.         {% block layout_header_actions %}
  50.             <div class="col header-actions-col">
  51.                 <div class="row no-gutters justify-content-end align-items-center h-100">
  52.                     {% if config('core.cart.wishlistEnabled') %}
  53.                         {% block layout_header_actions_wishlist %}
  54.                             {# Position static due to mobile offset #}
  55.                             <div class="col-auto position-static">
  56.                                 <div class="header-wishlist">
  57.                                     <a class="btn header-wishlist-btn header-actions-btn"
  58.                                        href="{{ path('frontend.wishlist.page') }}"
  59.                                        title="{{ 'header.wishlist'|trans|striptags }}"
  60.                                        aria-label="{{ 'header.wishlist'|trans|striptags }}">
  61.                                         {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  62.                                     </a>
  63.                                 </div>
  64.                             </div>
  65.                         {% endblock %}
  66.                     {% endif %}
  68.                     {% block layout_header_actions_account %}
  69.                         {{ parent() }}
  70.                     {% endblock %}
  72.                     {% block layout_header_actions_cart %}
  73.                         <div class="col-auto">
  74.                             <div class="header-cart"
  75.                                  data-offcanvas-cart="true">
  76.                                 <a class="btn header-cart-btn header-actions-btn"
  77.                                    href="{{ path('frontend.checkout.cart.page') }}"
  78.                                    data-cart-widget="true"
  79.                                    title="{{ 'checkout.cartTitle'|trans|striptags }}"
  80.                                    aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  81.                                     {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  82.                                 </a>
  83.                             </div>
  84.                         </div>
  85.                     {% endblock %}
  86.                 </div>
  87.             </div>
  88.         {% endblock %}
  90.         {% block layout_header_search_overlay %}
  91.             {% sw_include '@Storefront/storefront/skin/global/layout/header/search-overlay.html.twig' %}
  92.         {% endblock %}
  93.     </div>
  94. {% endblock %}