custom/plugins/OttMoebelfirstTheme/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_logo %}
  4.      {% block layout_header_navigation_toggle %}
  5.          <div class="d-lg-none">
  6.              <div class="menu-button">
  7.                  {% block layout_header_navigation_toggle_button %}
  8.                      <button class="btn nav-main-toggle-btn header-actions-btn"
  9.                              type="button"
  10.                              data-offcanvas-menu="true"
  11.                              aria-label="{{ "general.menuLink"|trans|striptags }}">
  12.                          {% block layout_header_navigation_toggle_button_icon %}
  13.                              {% sw_icon 'burger-icon-1' style {
  14.                                  'namespace': 'OttIconPack',
  15.                                  'pack': 'ottscho-it',
  16.                              } %}
  17.                          {% endblock %}
  18.                      </button>
  19.                  {% endblock %}
  20.              </div>
  21.          </div>
  22.      {% endblock %}
  23.      <div class="col-7 col-lg-auto col-sm col-md-6 order-sm-1 header-logo-col">
  24.          {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  25.      </div>
  26.  {% endblock %}
  28.  {% block layout_header_search %}
  29.      <div class="col-12 order-2 order-sm-0 col-lg-3 header-search-col">
  30.          <div class="row ott-mobile-search">
  31.              {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  32.          </div>
  33.      </div>
  34.  {% endblock %}
  36. {% block layout_header_actions %}
  37.     <div class="col-2 order-1 col-sm-1 col-md-3 order-sm-2 header-actions-col">
  38.         <div class="row {{ gridNoGuttersClass }} ott-no-gutters-wrapper justify-content-end">
  39.             <div class="ott-actions-wrapper">
  40.                 {% block layout_header_actions_wishlist %}{% endblock %}
  42.                 {% block layout_header_actions_account %}{% endblock %}
  44.                 {% block layout_header_search_toggle %}
  45.                     <div class="col-auto d-lg-none ott-action-wrapper">
  46.                         <div class="search-toggle">
  47.                             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  48.                                     type="button"
  49.                                     {{ dataBsToggleAttr }}="collapse"
  50.                                     {{ dataBsTargetAttr }}="#searchCollapse"
  51.                                     aria-expanded="false"
  52.                                     aria-controls="searchCollapse"
  53.                                     aria-label="{{ "header.searchButton"|trans|striptags }}"
  54.                             >
  55.                                 {% sw_icon 'magnifying-glass-short' style {
  56.                                     'namespace': 'OttIconPack',
  57.                                     'pack': 'ottscho-it',
  58.                                 } %}
  59.                             </button>
  60.                         </div>
  61.                     </div>
  62.                 {% endblock %}
  64.                 <div class="ott-header-flags">
  65.                     <span class="ott-header-flags-welcome">
  66.                         {{ 'ott.header.welcome'|trans|sw_sanitize }}
  67.                     </span>
  68.                     <div class="ott-header-flag-container">
  69.                         <img src="{{ asset('assets/img/flags/Flag_of_Germany.svg', '@OttMoebelfirstTheme') }}"
  70.                              alt="{{ 'ott.header.germanFlagAlt'|trans|sw_sanitize }}"
  71.                              class="ott-header-flag">
  72.                         <img src="{{ asset('assets/img/flags/Flag_of_Austria.svg', '@OttMoebelfirstTheme') }}"
  73.                              alt="{{ 'ott.header.austrianFlagAlt'|trans|sw_sanitize }}"
  74.                              class="ott-header-flag">
  75.                         <img src="{{ asset('assets/img/flags/Civil_Ensign_of_Switzerland.svg', '@OttMoebelfirstTheme') }}"
  76.                              alt="{{ 'ott.header.swissFlagAlt'|trans|sw_sanitize }}"
  77.                              class="ott-header-flag">
  79.                         {% block layout_header_actions_cart %}
  80.                             <div class="col-auto ott-action-wrapper">
  81.                                 <div class="header-cart"
  82.                                      data-offcanvas-cart="true"
  83.                                 >
  84.                                     <a class="btn header-cart-btn header-actions-btn"
  85.                                        href="{{ path('frontend.checkout.cart.page') }}"
  86.                                        data-cart-widget="true"
  87.                                        title="{{ 'checkout.cartTitle'|trans|striptags }}"
  88.                                        aria-label="{{ 'checkout.cartTitle'|trans|striptags }}"
  89.                                     >
  90.                                         {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  91.                                     </a>
  92.                                 </div>
  93.                             </div>
  94.                         {% endblock %}
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.     </div>
  100. {% endblock %}