custom/plugins/REIBAgeCheck/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_top_bar %}
  4. {% endblock %}
  6. {% block layout_header_navigation %}
  7.     <div class="row align-items-center header-row no-gutters" data-simax-navigation="true">
  8.         {% block layout_header_logo %}
  9.             {# Logo #}
  10.             {# <div class="col-12 col-sm-auto col-lg-3 col-xl-2 header-logo-col order-1"> #}
  11.             <div class="col-12 col-sm-6 col-lg-3 col-xl-2 header-logo-col order-1 no-gutters">
  12.                 <div class="row no-gutters align-items-center">
  13.                     <div class="col-12 col-sm-auto">
  14.                         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  15.                     </div>
  16.                     {# Start Hamburger Icon #}
  17.                     <div class="col-sm-auto d-none d-sm-block d-lg-none" id="kara-nav-main-toggle" >
  18.                         {% block layout_header_navigation_toggle_tablet %}
  19.                             <div class="nav-main-toggle">
  20.                                 {% block layout_header_navigation_toggle_tablet_button %}
  21.                                     <button class="btn nav-main-toggle-btn header-actions-btn"
  22.                                             type="button"
  23.                                             data-offcanvas-menu="true"
  24.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  25.                                         {% block layout_header_navigation_toggle_tablet_button_icon %}
  26.                                             {% sw_icon 'stack' %}
  27.                                         {% endblock %}
  28.                                     </button>
  29.                                 {% endblock %}
  30.                             </div>
  31.                         {% endblock %}
  32.                     </div>
  33.                     {# End Hamburger Icon #}
  34.                 </div>
  35.             </div>
  36.         {% endblock %}
  38.         <div class="col-12 col-lg-6 col-xl-8 d-sm-none d-lg-block order-2">
  39.             <div class="nav-main" id="kara-nav-main">
  40.                 <div class="main-navigation"
  41.                      id="mainNavigation"
  42.                      data-flyout-menu="true">
  43.                     {% block layout_main_navigation_navbar %}
  44.                         <div class="container">
  45.                             {% block layout_main_navigation_menu %}
  46.                                 <nav class="nav main-navigation-menu"
  47.                                      itemscope="itemscope"
  48.                                      itemtype="http://schema.org/SiteNavigationElement">
  49.                                     {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  51.                                     {% block layout_main_navigation_menu_home %}
  52.                                         {% if context.salesChannel.translated.homeEnabled %}
  53.                                             <a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link"
  54.                                                href="{{ path('frontend.home.page') }}"
  55.                                                itemprop="url"
  56.                                                title="{{ homeLabel|striptags }}">
  57.                                                 <div class="main-navigation-link-text">
  58.                                                     <span itemprop="name">{{ homeLabel|sw_sanitize }}</span>
  59.                                                 </div>
  60.                                             </a>
  61.                                         {% endif %}
  62.                                     {% endblock %}
  64.                                     {% block layout_main_navigation_menu_items %}
  65.                                         {% set activePath = page.header.navigation.active.path %}
  67.                                         {% for treeItem in page.header.navigation.tree %}
  68.                                             {% set category = treeItem.category %}
  69.                                             {% set name = category.translated.name %}
  71.                                             {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  72.                                             {% set categorId = category.id %}
  74.                                             {% block layout_main_navigation_menu_item %}
  75.                                                 {% if category.type == 'folder' %}
  76.                                                     <div class="nav-link main-navigation-link"
  77.                                                             {% if treeItem.children|length > 0 %}
  78.                                                                 data-flyout-menu-trigger="{{ category.id }}"
  79.                                                             {% endif %}
  80.                                                          title="{{ name }}">
  81.                                                         <div class="main-navigation-link-text">
  82.                                                             <span itemprop="name">{{ name }}</span>
  83.                                                         </div>
  84.                                                     </div>
  85.                                                 {% else %}
  86.                                                     <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  87.                                                        href="{{ category_url(category) }}"
  88.                                                        itemprop="url"
  89.                                                        {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  90.                                                             {% if category_linknewtab(category) %}target="_blank"{% endif %}
  91.                                                        title="{{ name }}">
  92.                                                         <div class="main-navigation-link-text">
  93.                                                             <span itemprop="name">{{ name }}</span>
  94.                                                         </div>
  95.                                                     </a>
  96.                                                 {% endif %}
  97.                                             {% endblock %}
  98.                                         {% endfor %}
  99.                                     {% endblock %}
  100.                                 </nav>
  101.                             {% endblock %}
  102.                         </div>
  103.                     {% endblock %}
  105.                     {% block layout_main_navigation_menu_flyout_wrapper %}
  106.                         {% set navigationChildrenCount = 0 %}
  107.                         {% for treeItem in page.header.navigation.tree %}
  108.                             {% if treeItem.category.childCount > 0 %}
  109.                                 {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  110.                             {% endif %}
  111.                         {% endfor %}
  113.                         {% if navigationChildrenCount > 0 %}
  114.                             {% block layout_main_navigation_menu_flyout_container %}
  115.                                 <div class="navigation-flyouts">
  116.                                     {% block layout_main_navigation_menu_flyouts %}
  117.                                         {% for treeItem in page.header.navigation.tree %}
  118.                                             {% if treeItem.children|length > 0 %}
  119.                                                 {% block layout_main_navigation_menu_flyout %}
  120.                                                     <div class="navigation-flyout"
  121.                                                          data-flyout-menu-id="{{ treeItem.category.id }}">
  122.                                                         <div class="container">
  123.                                                             {% block layout_main_navigation_menu_flyout_include %}
  124.                                                                 {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  125.                                                             {% endblock %}
  126.                                                         </div>
  127.                                                     </div>
  128.                                                 {% endblock %}
  129.                                             {% endif %}
  130.                                         {% endfor %}
  131.                                     {% endblock %}
  132.                                 </div>
  133.                             {% endblock %}
  134.                         {% endif %}
  135.                     {% endblock %}
  136.                 </div>
  137.             </div>
  138.         </div>
  140.         {% block layout_header_actions %}
  141.             {# Header Action  #}
  142.             {# <div class="col-12 col-sm-auto col-lg-3 col-xl-2 header-actions-col order-3 order-sm-2 order-xl-3"> #}
  143.             <div class="col-12 col-sm-6 col-lg-3 col-xl-2 header-actions-col order-3 order-sm-2 order-xl-3">
  144.                 <div class="row no-gutters">
  145.                     {% block layout_header_navigation_toggle %}
  146.                         <div class="col-auto d-sm-none">
  147.                             <div class="menu-button">
  148.                                 {% block layout_header_navigation_toggle_button %}
  149.                                     <button class="btn nav-main-toggle-btn header-actions-btn"
  150.                                             type="button"
  151.                                             data-offcanvas-menu="true"
  152.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  153.                                         {% block layout_header_navigation_toggle_button_icon %}
  154.                                             {% sw_icon 'stack' %}
  155.                                         {% endblock %}
  156.                                     </button>
  157.                                 {% endblock %}
  158.                             </div>
  159.                         </div>
  160.                     {% endblock %}
  162.                     {% if config('core.cart.wishlistEnabled') %}
  163.                         {% block layout_header_actions_wishlist %}
  164.                             {{ parent() }}
  165.                         {% endblock %}
  166.                     {% endif %}
  168.                     {% block layout_header_actions_account %}
  169.                         <div class="col-auto">
  170.                             <div class="account-menu">
  171.                                 {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  172.                             </div>
  173.                         </div>
  174.                     {% endblock %}
  176.                     {% block layout_header_actions_cart %}
  177.                         <div class="col-auto">
  178.                             <div class="header-cart"
  179.                                  data-offcanvas-cart="true">
  180.                                 <a class="btn header-cart-btn header-actions-btn"
  181.                                    href="{{ path('frontend.checkout.cart.page') }}"
  182.                                    data-cart-widget="true"
  183.                                    title="{{ 'checkout.cartTitle'|trans|striptags }}"
  184.                                    aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  185.                                     {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  186.                                 </a>
  187.                             </div>
  188.                         </div>
  189.                     {% endblock %}
  190.                 </div>
  191.             </div>
  192.         {% endblock %}
  193.     </div>
  194. {% endblock %}