custom/static-plugins/NdVoorwindenTheme/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 %}
  4.     <div class="header-container relative grid grid-cols-3 grid-gap-2 pb-2 items-center boxed-layout md:grid-cols-10 md:mb-0 md:px-0">
  5.     {% block header_navigation_control_container %}
  6.         <div class="header-navigation flex grid-gap-3 overflow-hidden items-center md:col-span-4">
  8.             {% block layout_header_navigation_toggle %}
  9.                 <div class="header-menu-toggle shrink-0 md:hidden">
  10.                     <div class="menu-button p-2">
  11.                         {% block layout_header_navigation_toggle_button %}
  12.                             <button class="btn-toggle flex grid-gap-2 items-center md:pl-0 font-montserrat font-bold text-sm"
  13.                                     type="button"
  14.                                     data-offcanvas-menu="true"
  15.                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  16.                                 {% sw_icon 'menu' style { 'pack': 'theme-icons', 'class': 'stroke' } %}
  17.                                 <span class="uppercase font-accent tracking-wider">{{ "company.menuOpenMenuText"|trans|sw_sanitize }}</span>
  18.                             </button>
  19.                         {% endblock %}
  20.                     </div>
  21.                 </div>
  22.             {% endblock %}
  24.             {% block quick_travel_custom_buttons_desktop %}
  25.                 <div class="header-menu-toggle shrink-0 pt-4 grid-gap-2 hidden tracking-wider md:flex">
  26.                     <a href="{{ "company.menuQuickButtonDesktopCustomerServiceUrl"|trans|sw_sanitize }}">
  27.                         <div class="menu-quick-button-desktop-customerservice flex align-center items-center">
  28.                             <div class="p-2">
  29.                                 {% sw_icon 'customerService' style { 'pack': 'theme-icons', 'class': 'stroke' } %}
  30.                             </div>
  31.                             <span class="uppercase font-accent pr-2">{{ "company.menuQuickButtonDesktopCustomerServiceText"|trans|sw_sanitize }}</span>
  32.                         </div>
  33.                     </a>
  34.                     <a href="{{ "company.menuQuickButtonDesktopCustomerStoresUrl"|trans|sw_sanitize }}">
  35.                         <div class="menu-quick-button-desktop-stores flex align-center items-center">
  36.                             <div class="p-2">
  37.                                 {% sw_icon 'store' style { 'pack': 'theme-icons', 'class': 'stroke' } %}
  38.                             </div>
  39.                             <span class="uppercase font-accent pr-2">{{ "company.menuQuickButtonDesktopCustomerStoresText"|trans|sw_sanitize }}</span>
  40.                         </div>
  41.                     </a>
  42.                 </div>
  43.             {% endblock %}
  45.         </div>
  46.     {% endblock %}
  48.     {% block layout_header_logo %}
  49.         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  50.     {% endblock %}
  52.     {% block layout_header_actions_container %}
  53.         <div class="header-actions flex justify-end items-center -mr-1 sm:gap-2 md:mr-0 md:col-span-4">
  55.             {% block layout_header_actions_account %}
  56.                 <div class="account-menu relative md:flex group"
  57.                 >
  58.                     <a class="btn-toggle flex items-center text-xs"
  59.                        href="{{ path('frontend.account.login.page') }}"
  60.                        title="{{ "account.orRegisterLink"|trans|striptags }}">
  61.                         {% sw_icon 'account' style { 'pack': 'theme-icons', 'class': 'stroke p-2' } %}
  62.                         <div class="hidden sm:block">
  63.                             {{ context.customer.firstName }} {% if context.customer.guest %}({{ "themeGlobal.guestAccount"|trans|sw_sanitize }}){% endif %}
  64.                         </div>
  65.                     </a>
  66.                     {% if context.customer.firstName|length > 0 %}
  67.                         <script>
  68.                             window.dataLayer = window.dataLayer || [];
  69.                             window.dataLayer.push({
  70.                                 'firstname': '{{ context.customer.firstName }}',
  71.                                 'lastname': '{{ context.customer.lastName }}',
  72.                                 'address1': '{{ context.customer.defaultBillingAddress.street }}',
  73.                                 'address2': '{{ context.customer.defaultBillingAddress.additionalAddressLine1 }}',
  74.                                 'city': '{{ context.customer.defaultBillingAddress.city }}',
  75.                                 'zip': '{{ context.customer.defaultBillingAddress.zipcode }}',
  76.                                 'country': '{{ context.customer.defaultBillingAddress.country.iso }}',
  77.                                 'email': '{{ context.customer.email }}',
  78.                                 'phone': '{{ context.customer.phone }}'
  79.                             });
  80.                         </script>
  81.                     {% endif %}
  82.                     {% if context.customer.guest %}
  83.                         <div class="account-guest-abort hidden group-hover:block absolute top-10 left-0 w-full bg-white p-4 z-50 shadow-sm caret-up text-black text-sm text-center grid grid-gap-3">
  84.                             {% block page_account_sidebar_guest_abort %}
  85.                                 <a href="{{ path('frontend.account.logout.page') }}"
  86.                                    data-account-guest-abort-button="true"
  87.                                    class="btn w-full ">
  88.                                     {{ "account.guestAbort"|trans|sw_sanitize }}
  89.                                 </a>
  90.                             {% endblock %}
  91.                         </div>
  92.                     {% endif %}
  93.                 </div>
  94.             {% endblock %}
  96.             {% if config('core.cart.wishlistEnabled') %}
  97.                 {% block layout_header_actions_wishlist %}
  98.                     <div class="header-wishlist flex"
  99.                          data-offcanvas-wishlist="true">
  100.                         <a class="btn-toggle header-wishlist-btn header-actions-btn relative"
  101.                            href="{{ path('frontend.wishlist.page') }}"
  102.                            title="{{ 'header.wishlist'|trans|striptags }}"
  103.                            aria-label="{{ 'header.wishlist'|trans|striptags }}">
  104.                             {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  105.                         </a>
  106.                     </div>
  108.                 {% endblock %}
  109.             {% endif %}
  111.             {% block layout_header_actions_cart %}
  112.                 <div class="header-cart flex"
  113.                      {% if controllerAction == 'lookDetail' %}data-offcanvas-cart="true"{% endif %}>
  114.                     <a class="btn-toggle header-cart-btn header-actions-btn overflow-visible"
  115.                        href="{{ path('frontend.checkout.cart.page') }}"
  116.                        data-cart-widget="true"
  117.                        title="{{ 'checkout.cartTitle'|trans|striptags }}"
  118.                        aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  119.                         {% sw_icon 'cart' style { 'pack': 'theme-icons', 'class': 'stroke p-2' } %}
  120.                     </a>
  121.                 </div>
  122.             {% endblock %}
  123.         </div>
  125.         {% block layout_header_actions %}
  126.             {% block layout_header_search_toggle %}
  127.                 <div class="search col-span-3 md:hidden">
  128.                     <div class="search">
  129.                         {% block layout_header_search %}
  130.                             {{ parent() }}
  131.                         {% endblock %}
  132.                     </div>
  133.                 </div>
  134.             {% endblock %}
  136.         {% endblock %}
  137.         </div>
  138.     {% endblock %}
  140.     {% block header_menu_regular %}
  141.         <div class="regularMenuContainer hidden w-full pt-2 pb-2 boxed-layout tracking-wider md:flex md:pt-0 md:justify-between">
  142.             <div class="overflow-x-scroll hide-scrollbar flex grid-gap-4">
  143.                 {% block base_navigation %}
  144.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  145.                 {% endblock %}
  146.             </div>
  147.             <div class="search-container">
  148.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  149.             </div>
  150.         </div>
  151.         </div>
  152.     {% endblock %}
  153. {% endblock %}