custom/plugins/System4ShopTheme/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' %}
  2. {% block layout_header %}
  3.     {% block layout_top_bar %}
  4.         {{ parent() }}
  5.     {% endblock %}
  7.     {% block layout_header_navigation %}
  8.         <div class="row align-items-center header-row">
  9.         {% block layout_header_logo %}
  10.                 <div class="col-4 header-logo-col">
  11.                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  12.                 </div>
  13.             {% endblock %}
  14.             {% block layout_header_menu_toggle %}
  15.                 <div class="col-5 header-left">
  16.                     {% block layout_header_navigation_toggle_tablet %}
  17.                         <div class="nav-main-toggle">
  18.                             {% block layout_header_navigation_toggle_tablet_button %}
  19.                                 <button class="btn nav-main-toggle-btn header-actions-btn d-none d-lg-none" type="button" aria-label="{{ "general.menuLink"|trans|striptags }}" data-flyout-menu-trigger="main-menu-trigger">
  20.                                     {% block layout_header_navigation_toggle_tablet_button_icon_desktop %}
  21.                                         <span>{{ "system4ShopTheme.header.labels.menu"|trans|sw_sanitize }}</span>
  22.                                     {% endblock %}
  23.                                 </button>
  24.                                 <button class="btn nav-main-toggle-btn header-actions-btn d-block d-lg-none" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags }}">
  25.                                     {% block layout_header_navigation_toggle_tablet_button_icon %}
  26.                                         <span>{{ "system4ShopTheme.header.labels.menu"|trans|sw_sanitize }}</span>
  27.                                     {% endblock %}
  28.                                 </button>
  29.                             {% endblock %}
  31.                             {% block layout_header_navigation_toggle_custom_menu %}
  32.                                 <div class="custom-menu">
  33.                                     {% sw_include '@Storefront/storefront/layout/header/custom-menu.html.twig' %}
  34.                                 </div>
  35.                             {% endblock %}
  37.                         </div>
  38.                     {% endblock %}
  40.                     <div class="rating-star-html-wrap">
  41.                         <!-- Begin eTrusted widget tag -->
  42. <etrusted-widget data-etrusted-widget-id="wdg-009bf154-20da-4cba-a760-7c75bcfdddbb"></etrusted-widget>
  43. <!-- End eTrusted widget tag -->
  44.                     </div>
  46.                     
  47.                 </div>
  48.             {% endblock %}
  49.             
  51.             <div class="col-3 header-right">
  52.             <div class="mobile-menu-toggle">
  53.                 {% if config('core.cart.wishlistEnabled') %}
  54.                     {% block layout_header_actions_wishlist_mobile %}
  55.                         <div class="header-wishlist">
  56.                             <a class="btn header-wishlist-btn header-actions-btn" href="{{ path('frontend.wishlist.page') }}" title="{{ 'header.wishlist'|trans|striptags }}" aria-label="{{ 'header.wishlist'|trans|striptags }}">
  57.                                 {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  58.                             </a>
  59.                         </div>
  60.                     {% endblock %}
  61.                 {% endif %}
  62.                 {% block layout_header_actions_cart_mobile %}
  63.                     <div class="header-cart" data-offcanvas-cart="true">
  64.                         <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="load" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  65.                             {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  66.                         </a>
  67.                     </div>
  68.                     
  69.             {% endblock %}
  70.             </div>
  71.                 <div class="row toggle-in-mobile">
  73.                     {% block layout_header_search %}
  74.                         <div class="col-auto col-sm header-search-col">
  75.                             <div class="row">
  76.                                 
  78.                                 <div class="search-toggle">
  79.                                     <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed" type="button" {{ dataBsToggleAttr }}="collapse" {{ dataBsTargetAttr }}="#searchCollapse" aria-expanded="false" aria-controls="searchCollapse" aria-label="{{ "header.searchButton"|trans|striptags }}">
  80.                                         <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
  81.                                             <path d="M7.95453 15.0323C11.7954 15.0323 14.9091 11.9186 14.9091 8.07777C14.9091 4.23689 11.7954 1.12324 7.95453 1.12324C4.11365 1.12324 1 4.23689 1 8.07777C1 11.9186 4.11365 15.0323 7.95453 15.0323Z" stroke="black" stroke-width="1.19" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
  82.                                             <path d="M18.0026 18.1232L12.8763 12.997" stroke="black" stroke-width="1.19" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
  83.                                         </svg>
  84.                                     </button>
  85.                                 </div>
  86.                                 {% block layout_header_search_toggle %}{% endblock %}
  87.                             </div>
  88.                         </div>
  89.                         {# <div class="col-auto flex-auto"> #}
  90.                                     {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  91.                                 {# </div> #}
  92.                     {% endblock %}
  95.                     {% block layout_header_actions %}
  96.                         <div class="col-auto header-actions-col">
  97.                             <div class="row {{ gridNoGuttersClass }}">
  98.                                 {% block layout_header_navigation_toggle %}{% endblock %}
  100.                                     {% block layout_header_actions_account %}
  101.                                     <div class="col-auto">
  102.                                         <div class="account-menu">
  103.                                             {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  104.                                         </div>
  105.                                     </div>
  106.                                 {% endblock %}
  109.                                 {% if config('core.cart.wishlistEnabled') %}
  110.                                     {% block layout_header_actions_wishlist %}
  111.                                         <div class="col-auto">
  112.                                             <div class="header-wishlist">
  113.                                                 <a class="btn header-wishlist-btn header-actions-btn" href="{{ path('frontend.wishlist.page') }}" title="{{ 'header.wishlist'|trans|striptags }}" aria-label="{{ 'header.wishlist'|trans|striptags }}">
  114.                                                     {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  115.                                                 </a>
  116.                                             </div>
  117.                                         </div>
  118.                                     {% endblock %}
  119.                                 {% endif %}
  121.                                 {% block layout_header_actions_cart %}
  122.                                     <div class="col-auto">
  123.                                         <div class="header-cart" data-offcanvas-cart="true">
  124.                                             <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  125.                                                 {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  126.                                             </a>
  127.                                         </div>
  128.                                     </div>
  129.                                 {% endblock %}
  130.                             </div>
  131.                         </div>
  132.                     {% endblock %}
  133.                 </div>
  134.             </div>
  135.         </div>
  136.     {% endblock %}
  137. {% endblock %}