custom/static-plugins/NdTheme/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% block layout_header %}
  2.     {% set extraMenuData = page.header.extensions.additional_menus.get("HeaderBottomQuickMenu").elements %}
  3.     {% block layout_top_bar %}
  4.         {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  5.     {% endblock %}
  7.     {% block layout_header_navigation %}
  8.         <div class="header-container relative grid grid-cols-3 md:grid-cols-10 grid-gap-2 items-center p-2 pt-3 boxed-layout md:mb-0 md:px-0">
  9.             {% block header_navigation_control_container %}
  10.                 <div class="header-navigation flex grid-gap-3 overflow-hidden items-center md:col-span-4">
  11.                     {% block layout_header_navigation_toggle %}
  12.                         <div class="header-menu-toggle shrink-0">
  13.                             <div class="ml-6 menu-button">
  14.                                 {% block layout_header_navigation_toggle_button %}
  15.                                     <button class="btn-toggle flex grid-gap-2 items-center md:pl-0"
  16.                                             type="button"
  17.                                             data-offcanvas-menu="true"
  18.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  19.                                         {% block layout_header_navigation_toggle_button_icon %}
  20.                                             {% sw_icon 'menu' style { 'pack': 'theme-icons', 'class': ' w-6 h-6' } %}
  21.                                         {% endblock %}
  22.                                     </button>
  23.                                 {% endblock %}
  24.                             </div>
  25.                         </div>
  26.                     {% endblock %}
  27.                 </div>
  28.             {% endblock %}
  30.             {% block layout_header_logo %}
  31.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  32.             {% endblock %}
  33.             {% block layout_header_actions_container %}
  34.                 <div class="header-actions flex justify-center gap-2 items-center  md:col-span-2 md:order-2">
  36.                     {% block layout_header_actions_account %}
  37.                         <div class="account-menu relative md:flex group"
  38.                         >
  39.                             <a class="btn-toggle flex items-center grid-gap-2 text-xs"
  40.                                href="{{ path('frontend.account.login.page') }}"
  41.                                title="{{ "account.orRegisterLink"|trans|striptags }}">
  42.                                 {% sw_icon 'account' style { 'pack': 'theme-icons', 'class': ' w-6 h-6' } %}
  43.                                 {{ context.customer.firstName }} {% if context.customer.guest %}({{ "themeGlobal.guestAccount"|trans|sw_sanitize }}){% endif %}
  44.                             </a>
  45.                             {% if context.customer.firstName|length > 0 %}
  46.                                 <script>
  47.                                     window.dataLayer = window.dataLayer || [];
  48.                                     window.dataLayer.push({
  49.                                         'firstname': '{{ context.customer.firstName }}',
  50.                                         'lastname': '{{ context.customer.lastName }}',
  51.                                         'address1': '{{ context.customer.defaultBillingAddress.street }}',
  52.                                         'address2': '{{ context.customer.defaultBillingAddress.additionalAddressLine1 }}',
  53.                                         'city': '{{ context.customer.defaultBillingAddress.city }}',
  54.                                         'zip': '{{ context.customer.defaultBillingAddress.zipcode }}',
  55.                                         'country': '{{ context.customer.defaultBillingAddress.country.iso }}',
  56.                                         'email': '{{ context.customer.email }}',
  57.                                         'phone': '{{ context.customer.phone }}'
  58.                                     });
  59.                                 </script>
  60.                             {% endif %}
  61.                             {% if context.customer.guest %}
  62.                                 <div class="account-guest-abort group-hover:block absolute top-16 left-0 w-full bg-white p-4 border border-current z-50 shadow-sm caret-up text-sm grid grid-gap-3">
  63.                                     {% block page_account_sidebar_guest_abort %}
  64.                                         <a href="{{ path('frontend.account.logout.page') }}"
  65.                                            data-account-guest-abort-button="true"
  66.                                            class="btn w-full">
  67.                                             {% sw_icon 'menu' style { 'pack': 'theme-icons', 'class': ' w-6 h-6' } %}
  68.                                             {{ "account.guestAbort"|trans|sw_sanitize }}
  69.                                         </a>
  70.                                     {% endblock %}
  71.                                 </div>
  72.                             {% endif %}
  73.                         </div>
  74.                     {% endblock %}
  76.                     {% if config('core.cart.wishlistEnabled') %}
  77.                         {% block layout_header_actions_wishlist %}
  78.                             <div class="header-wishlist flex"
  79.                                  data-offcanvas-wishlist="true">
  80.                                 <a class="btn-toggle header-wishlist-btn header-actions-btn"
  81.                                    href="{{ path('frontend.wishlist.page') }}"
  82.                                    title="{{ 'header.wishlist'|trans|striptags }}"
  83.                                    aria-label="{{ 'header.wishlist'|trans|striptags }}">
  84.                                     {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  85.                                 </a>
  86.                             </div>
  87.                         {% endblock %}
  88.                     {% endif %}
  90.                     {% block layout_header_actions_cart %}
  91.                         <div class="header-cart flex"
  92.                              data-offcanvas-cart="true">
  93.                             <a class="btn-toggle header-cart-btn header-actions-btn overflow-visible"
  94.                                href="{{ path('frontend.checkout.cart.page') }}"
  95.                                data-cart-widget="true"
  96.                                title="{{ 'checkout.cartTitle'|trans|striptags }}"
  97.                                aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  98.                                 {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  99.                             </a>
  100.                         </div>
  101.                     {% endblock %}
  102.                 </div>
  104.                 {% block layout_header_actions %}
  105.                     {% block layout_header_search_toggle %}
  106.                         <div class="search col-span-3 md:col-span-2">
  107.                             <div class="search">
  108.                                 {% block layout_header_search %}
  109.                                     <div class="search-container">
  110.                                         {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  111.                                     </div>
  112.                                 {% endblock %}
  113.                             </div>
  114.                         </div>
  115.                     {% endblock %}
  117.                 {% endblock %}
  118.             </div>
  119.         {% endblock %}
  120.         {% block header_extra_menu_data %}
  121.             {% if extraMenuData|length > 0 %}
  122.                 <div class="extraMenuContainer w-full pt-0 p-2 flex grid-gap-4 overflow-x-scroll hide-scrollbar boxed-layout">
  123.                     {% for menuItemData in extraMenuData %}
  124.                         <a href="{{ seoUrl('frontend.navigation.page', {'navigationId': menuItemData.id}) }}"
  125.                            class="flex-shrink-0 text-md">
  126.                             {{ menuItemData.name }}
  127.                         </a>
  128.                     {% endfor %}
  129.                 </div>
  130.             {% endif %}
  131.         {% endblock %}
  132.     {% endblock %}
  133. {% endblock %}