custom/plugins/Tuerschild_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' %}
  5. {% block layout_main_navigation %}
  6.     {% set flyout_categories_trigger = "main-navigation-flyout" %}
  7.     {% set flyout_themen_trigger = "main-themen-flyout" %}
  8.     <div class="main-navigation"
  9.          id="mainNavigation"
  10.          data-flyout-menu="true">
  11.         {% block layout_main_navigation_navbar %}
  12.             <div class="container">
  13.                 {% block layout_main_navigation_menu %}
  14.                     <nav class="nav main-navigation-menu"
  15.                          itemscope="itemscope"
  16.                          itemtype="http://schema.org/SiteNavigationElement">
  17.                         {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  19.                         {% block layout_main_navigation_menu_home %}
  20.                         {% endblock %}
  22.                         {% block layout_main_navigation_menu_items %}
  23.                             {% if page.product is defined %}
  24.                                 {% set activePath = page.product.categoryTree %}
  25.                             {% else %}
  26.                                 {% set activePath = page.header.navigation.active.path %}
  27.                             {% endif %}
  29.                             {% for treeItem in page.header.navigation.tree %}
  30.                                 {% set category = treeItem.category %}
  31.                                 {% set name = category.translated.name %}
  33.                                 {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  34.                                 {% set categorId = category.id %}
  36.                                 {% block layout_main_navigation_menu_item %}
  37.                                     {% if category.type == 'folder' %}
  38.                                         <div class="nav-link main-navigation-link"
  39.                                                 {% if treeItem.children|length > 0 %}
  40.                                                     data-flyout-menu-trigger="{{ category.id }}"
  41.                                                 {% endif %}
  42.                                              title="{{ name }}">
  43.                                             <div class="main-navigation-link-text">
  44.                                                 <span itemprop="name">{{ name }}</span>
  45.                                             </div>
  46.                                         </div>
  47.                                     {% else %}
  48.                                         <a class="nav-link main-navigation-link nav-link-{{ loop.index }}"
  49.                                            href="{{ category_url(category) }}"
  50.                                            itemprop="url"
  51.                                                 {% if treeItem.children|length > 0 %} data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  52.                                                 {% if category_linknewtab(category) %}target="_blank"{% endif %}
  53.                                            title="{{ name }}">
  54.                                             <div class="main-navigation-link-text menu-link">
  55.                                                 {% if name is same as("Produkte") %}
  56.                                                     <span class="hamburger-menu"></span>
  57.                                                 {% else %}
  59.                                                     {% sw_icon 'arrow_down'  style {
  60.                                                         'namespace': 'Tuerschild_2',
  61.                                                     } %}
  64.                                                 {% endif %}
  65.                                                 <span itemprop="name" class="hamburger-menu-text">{{ name }}</span>
  66.                                             </div>
  67.                                         </a>
  68.                                     {% endif %}
  69.                                 {% endblock %}
  70.                             {% endfor %}
  71.                         {% endblock %}
  72.                     </nav>
  73.                 {% endblock %}
  74.             </div>
  75.         {% endblock %}
  77.         {% block layout_main_navigation_menu_flyout_wrapper %}
  78.             {% set navigationChildrenCount = 0 %}
  79.             {% for treeItem in page.header.navigation.tree %}
  80.                 {% if treeItem.category.childCount > 0 %}
  81.                     {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  82.                 {% endif %}
  83.             {% endfor %}
  85.             {% if navigationChildrenCount > 0 %}
  86.                 {% block layout_main_navigation_menu_flyout_container %}
  87.                     <div class="navigation-flyouts" data-menu-categories-switcher="true">
  88.                         {% block layout_main_navigation_menu_flyouts %}
  89.                             {% for treeItem in page.header.navigation.tree %}
  90.                                 {% if treeItem.children|length > 0 %}
  91.                                     {% block layout_main_navigation_menu_flyout %}
  92.                                         <div class="navigation-flyout"
  93.                                              data-flyout-menu-id="{{ treeItem.category.id }}"
  94.                                         >
  95.                                             <div class="container">
  96.                                                 {% block layout_main_navigation_menu_flyout_include %}
  97.                                                     {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  98.                                                 {% endblock %}
  99.                                             </div>
  100.                                         </div>
  101.                                     {% endblock %}
  102.                                 {% endif %}
  103.                             {% endfor %}
  104.                         {% endblock %}
  105.                     </div>
  106.                 {% endblock %}
  107.             {% endif %}
  108.         {% endblock %}
  109.     </div>
  110. {% endblock %}