custom/plugins/KkTheme/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 %}
  5.     <div class="main-navigation"
  6.          id="mainNavigation"
  7.          data-flyout-menu="true">
  8.         {% block layout_main_navigation_navbar %}
  9.             <div class="container">
  10.                 {% block layout_main_navigation_menu %}
  11.                     <nav class="nav main-navigation-menu"
  12.                         itemscope="itemscope"
  13.                         itemtype="http://schema.org/SiteNavigationElement">
  14.                         {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  16.                         {% block layout_main_navigation_menu_home %}
  17.                             {% if context.salesChannel.translated.homeEnabled and 0 == 1%}
  18.                                 <a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link"
  19.                                     href="{{ path('frontend.home.page') }}"
  20.                                     itemprop="url"
  21.                                     title="{{ homeLabel|striptags }}">
  22.                                     <div class="main-navigation-link-text">
  23.                                         <span itemprop="name">{{ homeLabel|sw_sanitize }}</span>
  24.                                     </div>
  25.                                 </a>
  26.                             {% endif %}
  27.                         {% endblock %}
  29.                         {% block layout_main_navigation_menu_items %}
  30.                             {% if page.product is defined %}
  31.                                 {% set activePath = page.product.categoryTree %}
  32.                             {% else %}
  33.                                 {% set activePath = page.header.navigation.active.path %}
  34.                             {% endif %}
  35. {# { dump(page.header.navigation.tree) } #}
  36.                             {% for treeItem in page.header.navigation.tree %}
  37.                                 {% set category = treeItem.category %}
  39.                                 {% if category.media.url is not empty %}
  40.                                     {% set catMainImage = category.media.url %}
  41.                                 {% else %}
  42.                                     {% set catMainImage = "" %}
  43.                                 {% endif %}
  44.                                     
  45.                                     
  46.                                 {% set name = category.translated.name %}
  48.                                 {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  49.                                 {% set categorId = category.id %}
  51.                                 {% block layout_main_navigation_menu_item %}
  52.                                     {% if category.type == 'folder' %}
  53.                                         <div class="nav-link main-navigation-link" style="display: inline-block;"
  54.                                             {% if treeItem.children|length > 0 %}
  55.                                                 data-flyout-menu-trigger="{{ category.id }}"
  56.                                             {% endif %}
  57.                                               title="{{ name }}">
  58.                                             <div class="main-navigation-link-text">
  59.                                                 <span itemprop="name">{{ name }}</span>
  60.                                             </div>
  61.                                         </div>
  62.                                     {% else %}
  63.                                         <div class="nav-link-main-container" style="display: inline-block;">
  64.                                         <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  65.                                            href="{{ category_url(category) }}"
  66.                                            itemprop="url"
  67.                                            data-img="{{ catMainImage }}"
  68.                                            {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  69.                                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  70.                                            title="{{ name }}">
  71.                                             <div class="main-navigation-link-text">
  72.                                                 <span itemprop="name">{{ name }}{# % sw_icon "arrow-head-down" style({"size":"xs"}) % #}</span>
  73.                                             </div>
  74.                                         </a>
  75.                                         
  76.                                         {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  77.                                             navigationTree: treeItem.children,
  78.                                             navigationMedia: category.media,
  79.                                             catMainImage: catMainImage,
  80.                                             catTopName: name,
  81.                                             page: page,
  82.                                             level: 1,
  83.                                             className: "navigation-flyout-category-item",
  84.                                         } only %}
  86.                                         </div>
  87.                                     {% endif %}
  88.                                 {% endblock %}
  89.                             {% endfor %}
  90.                         {% endblock %}
  91.                     </nav>
  92.                 {% endblock %}
  93.             </div>
  94.         {% endblock %}
  96.         {% block layout_main_navigation_menu_flyout_wrapper %}
  97.             {% set navigationChildrenCount = 0 %}
  98.             {% for treeItem in page.header.navigation.tree %}
  99.                 {% if treeItem.category.childCount > 0 %}
  100.                     {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  101.                 {% endif %}
  102.             {% endfor %}
  104.             {% if navigationChildrenCount > 0 and 1 == 0 %}
  105.                 {% block layout_main_navigation_menu_flyout_container %}
  106.                     <div class="navigation-flyouts">
  107.                         {% block layout_main_navigation_menu_flyouts %}
  108.                             {% for treeItem in page.header.navigation.tree %}
  109.                                 {% if treeItem.children|length > 0 %}
  110.                                     {% block layout_main_navigation_menu_flyout %}
  111.                                         <div class="navigation-flyout"
  112.                                              data-flyout-menu-id="{{ treeItem.category.id }}">
  113.                                             <div class="container">
  114.                                                 {% block layout_main_navigation_menu_flyout_include %}
  115.                                                     {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  116.                                                 {% endblock %}
  117.                                             </div>
  118.                                         </div>
  119.                                     {% endblock %}
  120.                                 {% endif %}
  121.                             {% endfor %}
  122.                         {% endblock %}
  123.                     </div>
  124.                 {% endblock %}
  125.             {% endif %}
  126.         {% endblock %}
  127.     </div>
  128. {% endblock %}