custom/plugins/tad-theme/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_toggle_tablet_button %}
  4.     <button class="btn nav-main-toggle-btn header-actions-btn"
  5.             type="button"
  6.             data-offcanvas-menu="true"
  7.             aria-label="{{ "general.menuLink"|trans|striptags }}">
  8.         {% block layout_header_navigation_toggle_tablet_button_icon %}
  9.             {% sw_icon 'stack' style {'size': 'sm'} %}
  10.         {% endblock %}
  11.     </button>
  12. {% endblock %}
  14. {% block layout_header_logo %}
  15.     {% if theme_config('tad-nav-mobile') == 'left' %}
  16.         <div class="col-auto d-lg-none pr-0">
  17.             <div class="menu-button">
  18.                 {% block layout_header_navigation_toggle_button_left %}
  19.                     <button class="btn nav-main-toggle-btn header-actions-btn"
  20.                             type="button"
  21.                             data-offcanvas-menu="true"
  22.                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  23.                         {% block layout_header_navigation_toggle_button_left_icon %}
  24.                             {% sw_icon 'stack' style {'size': 'sm'} %}
  25.                         {% endblock %}
  26.                     </button>
  27.                 {% endblock %}
  28.             </div>
  29.         </div>
  30.     {% endif %}
  32.     <div class="col col-sm-auto col-md-3 col-lg-2 header-logo-col">
  33.         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  34.     </div>
  35. {% endblock %}
  37. {% block layout_header_search %}
  38.     <div class="col-12 order-2 col-sm order-sm-1 header-search-col">
  39.         <div class="row">
  40.             <div class="col">
  41.                 {% if theme_config('tad-header-layout') == 2 %}
  42.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  43.                 {% else %}
  44.                     {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  45.                 {% endif %}
  46.             </div>
  47.         </div>
  48.     </div>
  49. {% endblock %}
  51. {% block layout_header_actions %}
  52.     <div class="col-auto order-1 order-sm-2 header-actions-col ">
  53.         <div class="row no-gutters">
  54.             {% block layout_header_search_toggle %}
  55.                 <div class="col-auto{% if theme_config('tad-header-layout') == 1 %} d-sm-none{% endif %}">
  56.                     <div class="search-toggle">
  57.                         <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  58.                                 type="button"
  59.                                 data-toggle="collapse"
  60.                                 data-target="#searchCollapse"
  61.                                 aria-expanded="false"
  62.                                 aria-controls="searchCollapse"
  63.                                 aria-label="{{ "header.searchButton"|trans|striptags }}">
  64.                             {% sw_icon 'search' style {'size': 'sm'} %}
  65.                             {% sw_icon 'x' style {'size': 'sm'} %}
  66.                         </button>
  67.                     </div>
  68.                 </div>
  69.             {% endblock %}
  71.             {% if config('core.cart.wishlistEnabled') %}
  72.                 {% block layout_header_actions_wishlist %}
  73.                     <div class="col-auto">
  74.                         <div class="header-wishlist">
  75.                             <a class="btn header-wishlist-btn header-actions-btn"
  76.                                href="{{ path('frontend.wishlist.page') }}"
  77.                                title="{{ 'header.wishlist'|trans|striptags }}"
  78.                                aria-label="{{ 'header.wishlist'|trans|striptags }}">
  79.                                 {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  80.                             </a>
  81.                         </div>
  82.                     </div>
  83.                 {% endblock %}
  84.             {% endif %}
  86.             {% block layout_header_actions_account %}
  87.                 <div class="col-auto">
  88.                     <div class="account-menu">
  89.                         {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  90.                     </div>
  91.                 </div>
  92.             {% endblock %}
  94.             {% block layout_header_actions_cart %}
  95.                 <div class="col-auto">
  96.                     <div class="header-cart"
  97.                          data-offcanvas-cart="true">
  98.                         <a class="btn header-cart-btn header-actions-btn"
  99.                            href="{{ path('frontend.checkout.cart.page') }}"
  100.                            data-cart-widget="true"
  101.                            title="{{ 'checkout.cartTitle'|trans|striptags }}"
  102.                            aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  103.                             {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  104.                         </a>
  105.                     </div>
  106.                 </div>
  107.             {% endblock %}
  109.             {% block layout_header_navigation_toggle %}
  110.                 {% if theme_config('tad-nav-mobile') == 'right' %}
  111.                     <div class="col-auto d-lg-none">
  112.                         <div class="menu-button">
  113.                             {% block layout_header_navigation_toggle_button %}
  114.                                 <button class="btn nav-main-toggle-btn header-actions-btn"
  115.                                         type="button"
  116.                                         data-offcanvas-menu="true"
  117.                                         aria-label="{{ "general.menuLink"|trans|striptags }}">
  118.                                     {% block layout_header_navigation_toggle_button_icon %}
  119.                                         {% sw_icon 'stack' style {'size': 'sm'} %}
  120.                                     {% endblock %}
  121.                                 </button>
  122.                             {% endblock %}
  123.                         </div>
  124.                     </div>
  125.                 {% endif %}
  126.             {% endblock %}
  127.         </div>
  128.     </div>
  129. {% endblock %}