{% block layout_header %} {% block layout_header_navigation %} <div class="ip_header"> <div class="ip_col_logo"> {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %} </div> <div class="ip_col_main_category"> <button style="display:none" class="btn nav-main-toggle-btn header-actions-btn ip_service_menu_mobile" id="ip_service_menu_mobile" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags }}"> {% sw_icon 'stack' %} <span class="header_alle_cat">Kratom products</span> </button> <button class="btn header-actions-btn ip_service_menu_desktop" id="ip_service_menu_desktop" type="button" aria-label="{{ "general.menuLink"|trans|striptags }}"> {% sw_icon 'stack' %} <span class="header_alle_cat">Kratom products</span> </button> <div style="display:none" class="ipc_servive_menu_desktop "> {% apply spaceless %} <ul class="list-unstyled ip_servive_menu_header_desktop"> {% for serviceMenuItem in page.header.serviceMenu %} {% block layout_footer_service_menu_item %} <li class="ip_servive-desktop-service-menu-item"> <a class="ip_servive-desktop-service-menu-link" href="{{ category_url(serviceMenuItem) }}" {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %} title="{{ serviceMenuItem.translated.name }}"> {{ serviceMenuItem.translated.name }} </a> </li> {% endblock %} {% endfor %} </ul> {% endapply %} </div> </div> <div class="ip_col_category"> {# <div class="ipc_servive_menu"> {% apply spaceless %} <ul class="ip_servive_menu_header"> {% for serviceMenuItem in page.header.serviceMenu %} {% block layout_footer_service_menu_item %} <li class="ip_servive-service-menu-item"> <a class="ip_servive-service-menu-link" href="{{ category_url(serviceMenuItem) }}" {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %} title="{{ serviceMenuItem.translated.name }}"> {{ serviceMenuItem.translated.name }} </a> </li> {% endblock %} {% endfor %} </ul> {% endapply %} </div> #} <ul class="ipc-menu"> {% for treeItem in page.header.navigation.tree %} <li class="ipc-menu-item"> {% set category = treeItem.category %} {% set name = category.translated.name %} {% if category.type == 'folder' %} {% else %} <a class="ipc_menu-0 {% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}" href="{{ category_url(category) }}" itemprop="url" {% if category_linknewtab(category) %}target="_blank"{% endif %} title="{{ name }}"> <span itemprop="name">{{ name }}</span> </a> {% endif %} {% if treeItem.children|length > 0 %} {% sw_icon 'arrow-down' style { 'color': 'iparrow', 'pack':'solid' } %} <ul class="ipc-menu-child"> {% for ctreeItem in treeItem.children %} <li class="ipc-menu-item-child"> {% set category = ctreeItem.category %} {% set name = category.translated.name %} {% if category.type == 'folder' %} {% else %} <a class="ipc_menu-1 {% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}" href="{{ category_url(category) }}" itemprop="url" {% if category_linknewtab(category) %}target="_blank"{% endif %} title="{{ name }}"> <span itemprop="name">{{ name }}</span> </a> {% endif %} {% if ctreeItem.children|length > 0 %} {% sw_icon 'arrow-right' style { 'color': 'iparrow', 'pack':'solid' } %} <ul class="ipc-menu-child-child"> {% for cctreeItem in ctreeItem.children %} <li class="ipc-menu-item-child"> {% set category = cctreeItem.category %} {% set name = category.translated.name %} {% if category.type == 'folder' %} {% else %} <a class="ipc_menu-2 {% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}" href="{{ category_url(category) }}" itemprop="url" {% if category_linknewtab(category) %}target="_blank"{% endif %} title="{{ name }}"> <span itemprop="name">{{ name }}</span> </a> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> </div> <div class="ip_col_language"> {# Un comment for dynamic Language switcher butt work for same sales chanel with multiple language #} {# {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %} #} {% sw_include '@Storefront/storefront/layout/header/actions/language-widget-custom.html.twig' %} </div> <div class="ip_col_search"> {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %} </div> <div class="ip_col_icons"> <div class="col-auto ip_search_btn" > <button class="btn header-actions-btn" id="ip_btn_search_action" type="button"> {% sw_icon 'search' %} </button> </div> {% if config('core.cart.wishlistEnabled') %} <div class="col-auto"> <div class="header-wishlist"> <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 }}"> {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %} </a> </div> </div> {% endif %} <div class="col-auto"> <div class="account-menu"> {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %} </div> </div> <div class="col-auto"> <div class="header-cart" data-offcanvas-cart="true"> <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 }}"> {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %} </a> </div> </div> </div> </div> {% endblock %}{% endblock %}