custom/plugins/zenitPlatformStratus/src/Resources/views/storefront/layout/navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  3. {% block layout_main_navigation %}
  4.     <div class="main-navigation"
  5.          id="mainNavigation"
  6.         {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and theme_config('zen-dropdown-navigation-trigger') is same as ('hover')%}
  7.             data-dropdown-menu="true"
  8.         {% else %}
  9.             data-flyout-menu="true"
  10.         {% endif %}>
  11.         {{ block('layout_main_navigation_navbar') }}
  12.         {{ block('layout_main_navigation_menu_flyout_wrapper') }}
  13.     </div>
  14. {% endblock %}
  16. {% block layout_main_navigation_menu_home %}
  17.     {% if theme_config('zen-main-navigation-home') is same as (true) %}
  18.         {% if context.salesChannel.translated.homeEnabled %}
  19.             {# ... remove active on home #}
  20.             <a class="nav-link main-navigation-link home-link"
  21.                href="{{ path('frontend.home.page') }}"
  22.                itemprop="url"
  23.                title="{{ homeLabel|striptags }}">
  25.                 {# ... add data-hover for hover animations #}
  26.                 <div class="main-navigation-link-text{% if treeItem.children|length > 0 %} has-children{% endif %}" data-hover="{{ homeLabel|striptags }}">
  27.                     <span class="main-navigation-link-name" itemprop="name" data-hover="{{ homeLabel|striptags }}">{{ homeLabel|sw_sanitize }}</span>
  28.                 </div>
  29.             </a>
  30.         {% endif %}
  31.     {% endif %}
  32. {% endblock %}
  34. {% block layout_main_navigation_menu_item %}
  36.     {# ... add navigation divider #}
  37.     {% if theme_config('zen-main-navigation-divider') is not same as (0) %}
  38.         {% if ( theme_config('zen-main-navigation-home') is same as (true) and loop.index == 1 ) or loop.index > 1 %}
  39.             <div class="main-navigation-divider" aria-hidden="true"></div>
  40.         {% endif %}
  41.     {% endif %}
  43.     {# ... add main-navigation-item #}
  44.     {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') %}
  45.         <div class="main-navigation-item dropdown dropdown-trigger-{{ theme_config('zen-dropdown-navigation-trigger') }}">
  46.     {% endif %}
  47.         {% if category.type == 'folder' %}
  48.             <div class="nav-link main-navigation-link"
  49.             {# ... add dropdown condition #}
  50.             {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and treeItem.children|length > 0 %}
  51.                 data-dropdown-menu-trigger="{{ category.id }}"
  52.             {% elseif treeItem.children|length > 0 %}
  53.                 data-flyout-menu-trigger="{{ category.id }}"
  54.             {% endif %}
  55.             {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and treeItem.children|length > 0 %}
  56.                 {% if theme_config('zen-dropdown-navigation-trigger') is same as ('click') %}
  57.                     data-toggle="dropdown"
  58.                     aria-expanded="false"
  59.                 {% endif %}
  60.             {% endif %}
  61.              title="{{ name }}">
  63.                 {# ... add data-hover for hover animations #}
  64.                 <div class="main-navigation-link-text{% if treeItem.children|length > 0 %} has-children{% endif %}" data-hover="{{ name }}">
  65.                     <span class="main-navigation-link-name" data-hover="{{ name }}" itemprop="name">{{ name }}</span>
  67.                     {# ... add navigation arrow #}
  68.                     {% if theme_config('zen-main-navigation-arrow') and treeItem.children|length > 0 %}
  69.                         {% sw_icon 'arrow-medium-down' style {
  70.                             'pack': 'solid', 'size': 'xs', 'class': 'main-navigation-link-toggle'
  71.                         } %}
  72.                     {% endif %}
  74.                     {# ... add badge #}
  75.                     {% sw_include '@zenitPlatformStratus/storefront/layout/navigation/zen-navigation-badge.html.twig' with {
  76.                         category: category,
  77.                     } only %}
  78.                 </div>
  79.             </div>
  80.         {% else %}
  81.             <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  82.            href="{{ category_url(category) }}"
  83.            itemprop="url"
  84.             {# ... add dropdown condition #}
  85.             {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and treeItem.children|length > 0 %}
  86.                 data-dropdown-menu-trigger="{{ category.id }}"
  87.             {% elseif treeItem.children|length > 0 %}
  88.                 data-flyout-menu-trigger="{{ category.id }}"
  89.             {% endif %}
  90.             {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and treeItem.children|length > 0 %}
  91.                 {% if theme_config('zen-dropdown-navigation-trigger') is same as ('click') %}
  92.                     data-toggle="dropdown"
  93.                     aria-expanded="false"
  94.                 {% endif %}
  95.             {% endif %}
  96.             {% if category_linknewtab(category) %}target="_blank"{% endif %}
  97.            title="{{ name }}">
  99.                 {# ... add data-hover for hover animations #}
  100.                 <div class="main-navigation-link-text{% if treeItem.children|length > 0 %} has-children{% endif %}" data-hover="{{ name }}">
  101.                     <span class="main-navigation-link-name" data-hover="{{ name }}" itemprop="name">{{ name }}</span>
  103.                     {# ... add navigation arrow #}
  104.                     {% if theme_config('zen-main-navigation-arrow') and treeItem.children|length > 0 %}
  105.                         {% sw_icon 'arrow-medium-down' style {'pack': 'solid', 'size': 'xs'} %}
  106.                     {% endif %}
  108.                     {# ... add badge #}
  109.                     {% sw_include '@zenitPlatformStratus/storefront/layout/navigation/zen-navigation-badge.html.twig' with {
  110.                         category: category,
  111.                     } only %}
  112.                 </div>
  113.             </a>
  114.         {% endif %}
  116.         {# ... add dropdown menu #}
  117.         {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and treeItem.children|length > 0 %}
  118.             {% sw_include '@zenitPlatformStratus/storefront/layout/navigation/zen-dropdown.html.twig' with {
  119.                 navigationTree: treeItem,
  120.                 level: level+1,
  121.                 page: page,
  122.                 trigger: theme_config('zen-dropdown-navigation-trigger')
  123.             } only %}
  124.         {% endif %}
  126.     {# ... add main-navigation-item #}
  127.     {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') %}
  128.         </div>
  129.     {% endif %}
  130. {% endblock %}
  132. {% block layout_main_navigation_menu_flyout_wrapper %}
  133.     {% if theme_config('zen-main-navigation-subnavigation-style') is not same as ('dropdown') %}
  134.         {{ parent() }}
  135.     {% endif %}
  136. {% endblock %}
  138. {% block layout_main_navigation_menu_flyout %}
  139.     <div class="navigation-flyout"
  140.          data-flyout-menu-id="{{ treeItem.category.id }}">
  142.         {# ... add .navigation-flyout-inner #}
  143.         <div class="navigation-flyout-inner">
  144.             <div class="container">
  145.                 {% block layout_main_navigation_menu_flyout_include %}
  146.                     {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  147.                 {% endblock %}
  148.             </div>
  149.         </div>
  150.     </div>
  151. {% endblock %}