vendor/zenit/gravity-set-2/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')%}
  7.             data-dropdown-menu="{{ theme_config('zen-dropdown-navigation-trigger') }}"
  8.         {% else %}
  9.             data-flyout-menu="true"
  10.         {% endif %}>
  12.         {{ block('layout_main_navigation_navbar') }}
  13.         {{ block('layout_main_navigation_menu_flyout_wrapper') }}
  14.     </div>
  15. {% endblock %}
  17. {% block layout_main_navigation_menu_home %}
  18.     {% if theme_config('zen-main-navigation-home') is same as (true) %}
  19.         {% if context.salesChannel.translated.homeEnabled %}
  20.             {# ... @zenit - add home active status configuration #}
  21.             <a class="nav-link main-navigation-link{% if controllerAction is same as('home') and theme_config('zen-main-navigation-home-status') is same as (true) %} active{% endif %} home-link"
  22.                href="{{ path('frontend.home.page') }}"
  23.                itemprop="url"
  24.                title="{{ homeLabel|striptags }}">
  26.                 {# ... @zenit - add data-hover for hover animations #}
  27.                 <div class="main-navigation-link-text{% if treeItem.children|length > 0 %} has-children{% endif %}" data-hover="{{ homeLabel|striptags }}">
  28.                     <span class="main-navigation-link-name" itemprop="name" data-hover="{{ homeLabel|striptags }}">{{ homeLabel|sw_sanitize }}</span>
  29.                 </div>
  30.             </a>
  31.         {% endif %}
  32.     {% endif %}
  33. {% endblock %}
  35. {% block layout_main_navigation_menu_item %}
  37.     {# ... @zenit - add navigation divider #}
  38.     {% if (theme_config('zen-main-navigation-divider') != 0) %}
  39.         {% if ( theme_config('zen-main-navigation-home') is same as (true) and loop.index == 1 ) or loop.index > 1 %}
  40.             <div class="main-navigation-divider" aria-hidden="true"></div>
  41.         {% endif %}
  42.     {% endif %}
  44.     {# ... @zenit - wrap .nav-link with .main-navigation-item #}
  45.     {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') %}
  46.         <div class="main-navigation-item dropdown">
  47.     {% endif %}
  48.         {% if category.type == 'folder' %}
  49.             <div class="nav-link main-navigation-link"
  50.              {% if treeItem.children|length > 0 %}
  51.                 {# ... @zenit - add dropdown condition #}
  52.                 {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') %}
  53.                     data-zen-dropdown-menu-trigger="{{ category.id }}"
  54.                 {% else %}
  55.                     data-flyout-menu-trigger="{{ category.id }}"
  56.                 {% endif %}
  57.              {% endif %}
  58.              title="{{ name }}">
  60.                 {# ... @zenit - add data-hover for hover animations #}
  61.                 <div class="main-navigation-link-text{% if treeItem.children|length > 0 %} has-children{% endif %}" data-hover="{{ name }}">
  62.                     <span class="main-navigation-link-name" data-hover="{{ name }}" itemprop="name">{{ name }}</span>
  64.                     {# ... @zenit - add navigation arrow #}
  65.                     {% if theme_config('zen-main-navigation-arrow') and treeItem.children|length > 0 %}
  66.                         {% sw_icon 'arrow-medium-down' style {
  67.                             'pack': 'solid', 'size': 'xs', 'class': 'main-navigation-link-toggle'
  68.                         } %}
  69.                     {% endif %}
  71.                     {# ... @zenit - add badge #}
  72.                     {% sw_include '@zenitPlatformGravity/storefront/layout/navigation/zen-navigation-badge.html.twig' with {
  73.                         category: category,
  74.                     } only %}
  75.                 </div>
  76.             </div>
  77.         {% else %}
  78.             <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  79.            href="{{ category_url(category) }}"
  80.            itemprop="url"
  81.             {% if treeItem.children|length > 0 %}
  82.                 {# ... @zenit - add dropdown condition #}
  83.                 {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') %}
  84.                     data-zen-dropdown-menu-trigger="{{ category.id }}"
  85.                 {% else %}
  86.                     data-flyout-menu-trigger="{{ category.id }}"
  87.                 {% endif %}
  88.             {% endif %}
  89.             {% if category_linknewtab(category) %}target="_blank"{% endif %}
  90.            title="{{ name }}">
  92.                 {# ... @zenit - add data-hover for hover animations #}
  93.                 <div class="main-navigation-link-text{% if treeItem.children|length > 0 %} has-children{% endif %}" data-hover="{{ name }}">
  94.                     <span class="main-navigation-link-name" data-hover="{{ name }}" itemprop="name">{{ name }}</span>
  96.                     {# ... @zenit - add navigation arrow #}
  97.                     {% if theme_config('zen-main-navigation-arrow') and treeItem.children|length > 0 %}
  98.                         {% sw_icon 'arrow-medium-down' style {'pack': 'solid', 'size': 'xs'} %}
  99.                     {% endif %}
  101.                     {# ... @zenit - add badge #}
  102.                     {% sw_include '@zenitPlatformGravity/storefront/layout/navigation/zen-navigation-badge.html.twig' with {
  103.                         category: category,
  104.                     } only %}
  105.                 </div>
  106.             </a>
  107.         {% endif %}
  109.         {# ... @zenit - add dropdown menu #}
  110.         {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') and treeItem.children|length > 0 %}
  111.             {% set navigationMaxDepth = (theme_config('zen-dropdown-navigation-max-depth') is not null) ? theme_config('zen-dropdown-navigation-max-depth') : context.salesChannel.navigationCategoryDepth %}
  113.             {% if navigationMaxDepth > 0 %}
  114.                 {% sw_include '@zenitPlatformGravity/storefront/layout/navigation/zen-dropdown.html.twig' with {
  115.                     navigationTree: treeItem,
  116.                     level: level+1,
  117.                     page: page,
  118.                     trigger: theme_config('zen-dropdown-navigation-trigger')
  119.                 } only %}
  120.             {% endif %}
  121.         {% endif %}
  123.     {# ... @zenit - wrap .nav-link with .main-navigation-item #}
  124.     {% if theme_config('zen-main-navigation-subnavigation-style') is same as ('dropdown') %}
  125.         </div>
  126.     {% endif %}
  127. {% endblock %}
  129. {% block layout_main_navigation_menu_flyout_wrapper %}
  130.     {% if theme_config('zen-main-navigation-subnavigation-style') is not same as ('dropdown') %}
  131.         {{ parent() }}
  132.     {% endif %}
  133. {% endblock %}
  135. {% block layout_main_navigation_menu_flyout %}
  136.     {% set navigationMaxDepth = (theme_config('zen-flyout-navigation-max-depth') is not null) ? theme_config('zen-flyout-navigation-max-depth') : context.salesChannel.navigationCategoryDepth %}
  138.     {% if navigationMaxDepth > 0 %}
  139.         <div class="navigation-flyout"
  140.              data-flyout-menu-id="{{ treeItem.category.id }}">
  142.             {# ... @zenit - 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.     {% endif %}
  152. {% endblock %}