custom/plugins/IeaMedical/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% block layout_header %}
  3.     {% block layout_header_navigation %}
  4.         <div class="row align-items-center header-row justify-content-between">
  5.             {% block layout_header_logo %}
  6.                 <div class="col-2 col-lg-auto header-logo-col d-none d-md-block">
  7.                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  8.                 </div>
  9.             {% endblock %}
  11.             {% block base_navigation %}
  12.                 <div class="nav-main">
  13.                     {% block base_navigation_inner %}
  14.                         {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  15.                     {% endblock %}
  16.                 </div>
  17.             {% endblock %}
  19.             {% block layout_header_actions %}
  20.                 <div class="col-12 order-1 col-md-auto order-sm-2 header-actions-col">
  21.                     <div class="row {{ gridNoGuttersClass }}">
  22.                         {% block layout_header_navigation_toggle %}
  23.                             <div class="col-1 col-md d-xl-none">
  24.                                 <div class="menu-button">
  25.                                     {% block layout_header_navigation_toggle_button %}
  26.                                         <button class="btn nav-main-toggle-btn header-actions-btn"
  27.                                                 type="button"
  28.                                                 data-offcanvas-menu="true"
  29.                                                 aria-label="{{ "general.menuLink"|trans|striptags }}">
  30.                                             {% block layout_header_navigation_toggle_button_icon %}
  31.                                                 {% sw_icon 'stack' %}
  32.                                             {% endblock %}
  33.                                         </button>
  34.                                     {% endblock %}
  35.                                 </div>
  36.                             </div>
  37.                         {% endblock %}
  38.                         {% block layout_header_logo_mobile %}
  39.                             <div class="col-2 col-lg-auto header-logo-col d-block d-md-none">
  40.                                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  41.                             </div>
  42.                         {% endblock %}
  43.                         <div class="col-9 col-md-auto header-icons d-flex">
  45.                             {% if config('core.cart.wishlistEnabled') %}
  46.                                 {% block layout_header_actions_wishlist %}
  47.                                     <div class="col-auto p-0">
  48.                                         <div class="header-wishlist">
  49.                                             <a class="btn header-wishlist-btn header-actions-btn"
  50.                                                href="{{ path('frontend.wishlist.page') }}"
  51.                                                title="{{ 'header.wishlist'|trans|striptags }}"
  52.                                                aria-label="{{ 'header.wishlist'|trans|striptags }}">
  53.                                                 {% block layout_header_actions_wishlist_widget %}
  54.                                                     {% set showCounter = showCounter ?? true %}
  56.                                                     {% if showCounter %}
  57.                                                         <span class="icon icon-wishlist">
  58.                                                         {{ "IeaMedical.svg_wishlist_icon"|trans|raw }}
  59.                                                     </span>
  60.                                                     {% endif %}
  62.                                                     {% set wishlistStorageOptions = {
  63.                                                         listPath: path('frontend.wishlist.product.list'),
  64.                                                         mergePath: path('frontend.wishlist.product.merge'),
  65.                                                         tokenMergePath: sw_csrf('frontend.wishlist.product.merge', {'mode': 'token'}),
  66.                                                         pageletPath: path('frontend.wishlist.product.merge.pagelet'),
  67.                                                         tokenPageletPath: sw_csrf('frontend.wishlist.product.merge.pagelet', {'mode': 'token'}),
  68.                                                     } %}
  70.                                                     {% set wishlistWidgetOptions = { showCounter: showCounter } %}
  72.                                                     <span class="badge {{ bgClass }}-primary header-wishlist-badge"
  73.                                                           id="wishlist-basket"
  74.                                                           data-wishlist-storage="true"
  75.                                                           data-wishlist-storage-options="{{ wishlistStorageOptions|json_encode }}"
  76.                                                           data-wishlist-widget="true"
  77.                                                           data-wishlist-widget-options="{{ wishlistWidgetOptions|json_encode }}"
  78.                                                     ></span>
  79.                                                 {% endblock %}
  80.                                             </a>
  81.                                         </div>
  82.                                     </div>
  83.                                 {% endblock %}
  84.                             {% endif %}
  86.                             {% block layout_header_actions_account %}
  87.                                 <div class="col-auto p-0">
  88.                                     <div class="account-menu">
  89.                                         {% block layout_header_actions_account_widget %}
  90.                                             <div class="dropdown">
  91.                                                 {% block layout_header_actions_account_widget_dropdown_button %}
  92.                                                     <button class="btn account-menu-btn header-actions-btn"
  93.                                                             type="button"
  94.                                                             id="accountWidget"
  95.                                                             data-offcanvas-account-menu="true"
  96.                                                     {{ dataBsToggleAttr }}="dropdown"
  97.                                                     aria-haspopup="true"
  98.                                                     aria-expanded="false"
  99.                                                     aria-label="{{ "account.myAccount"|trans|striptags }}"
  100.                                                     title="{{ "account.myAccount"|trans|striptags }}">
  101.                                                     <span class="icon icon-heart">
  102.                                                     {{ "IeaMedical.svg_user_account_icon"|trans|raw }}
  103.                                                 </span>
  104.                                                     </button>
  105.                                                 {% endblock %}
  107.                                                 {% block layout_header_actions_account_widget_dropdown_menu %}
  108.                                                     <div class="dropdown-menu dropdown-menu-right account-menu-dropdown js-account-menu-dropdown"
  109.                                                          aria-labelledby="accountWidget">
  110.                                                         {% sw_include '@Storefront/storefront/layout/header/account-menu.html.twig' %}
  111.                                                     </div>
  112.                                                 {% endblock %}
  113.                                             </div>
  114.                                         {% endblock %}
  115.                                     </div>
  116.                                 </div>
  117.                             {% endblock %}
  119.                             {% block layout_header_search_toggle %}
  120.                                 <div class="col-auto p-0">
  121.                                     <div class="search-toggle">
  122.                                         <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed p-0"
  123.                                                 type="button"
  124.                                         {{ dataBsToggleAttr }}="collapse"
  125.                                         {{ dataBsTargetAttr }}="#searchCollapse"
  126.                                         aria-expanded="false"
  127.                                         aria-controls="searchCollapse"
  128.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  129.                                         <span class="icon icon-heart">
  130.                                             {{ "IeaMedical.svg_search_icon"|trans|raw }}
  131.                                         </span>
  132.                                         </button>
  133.                                     </div>
  134.                                 </div>
  135.                             {% endblock %}
  137.                             {% block layout_header_actions_cart %}
  138.                                 <div class="col-auto p-0">
  139.                                     <div class="header-cart"
  140.                                          data-offcanvas-cart="true">
  141.                                         <a class="btn header-cart-btn header-actions-btn"
  142.                                            href="{{ path('frontend.checkout.cart.page') }}"
  143.                                            data-cart-widget="true"
  144.                                            title="{{ 'checkout.cartTitle'|trans|striptags }}"
  145.                                            aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  146.                                             {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  147.                                         </a>
  148.                                     </div>
  149.                                 </div>
  150.                             {% endblock %}
  151.                         </div>
  152.                     </div>
  153.                 </div>
  154.             {% endblock %}
  155.         </div>
  156.     {% endblock %}
  157.     {#            searchbar #}
  158.     {% block layout_header_search %}
  159.         <div class="searchdiv collapse"
  160.              id="searchCollapse">
  161.             <div class="header-search">
  162.                 <form action="{{ path('frontend.search.page') }}"
  163.                       method="get"
  164.                       data-search-form="true"
  165.                       data-search-widget-options='{{ searchWidgetOptions|json_encode }}'
  166.                       data-url="{{ path('frontend.search.suggest') }}?search="
  167.                       class="header-search-form">
  168.                     {% block layout_header_search_input_group %}
  169.                         <div class="input-group">
  170.                             {% block layout_header_search_input %}
  171.                                 <input type="search"
  172.                                        name="search"
  173.                                        class="form-control header-search-input"
  174.                                        autocomplete="off"
  175.                                        autocapitalize="off"
  176.                                        placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  177.                                        aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  178.                                        value="{{ page.searchTerm }}">
  179.                             {% endblock %}
  181.                             {% block layout_header_search_button %}
  182.                                 {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct children of `input-group` #}
  183.                                 {% if feature('v6.5.0.0') %}
  184.                                     <button type="submit"
  185.                                             class="btn header-search-btn"
  186.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  187.                                     <span class="header-search-icon">
  188.                                         {% sw_icon 'search' %}
  189.                                     </span>
  190.                                     </button>
  191.                                 {% else %}
  192.                                     <div class="input-group-append">
  193.                                         <button type="submit"
  194.                                                 class="btn header-search-btn"
  195.                                                 aria-label="{{ "header.searchButton"|trans|striptags }}">
  196.                                         <span class="header-search-icon">
  197.                                             {% sw_icon 'search' %}
  198.                                         </span>
  199.                                         </button>
  200.                                     </div>
  201.                                 {% endif %}
  202.                             {% endblock %}
  203.                         </div>
  204.                     {% endblock %}
  205.                 </form>
  206.             </div>
  207.         </div>
  208.     {% endblock %}
  209. {% endblock %}