custom/plugins/SchilderSysteme/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' %}
  4. {% block layout_main_navigation %}
  6. {#    {% block layout_main_navigation_nav_settings %}#}
  7.         {% set flyout_categories_trigger = "main-navigation-flyout" %}
  8.         {% set flyout_themen_trigger = "main-themen-flyout" %}
  9.         {% set orderedNav = {
  10.             'nav0': '',
  11.             'nav1': '',
  12.             'nav2': ''
  13.         } %}
  15.         {% for item in page.header.navigation.tree %}
  16.             {% if item.category.name is same as('Produkte') %}
  17.                 {% set orderedNav = orderedNav|merge({ 'nav0': item }) %}
  18.             {% elseif item.category.name is same as('Anwendungen') %}
  19.                 {% set orderedNav = orderedNav|merge({ 'nav1': item }) %}
  20.             {% elseif item.category.name is same as('Händlerinformationen') %}
  21.                 {% set orderedNav = orderedNav|merge({ 'nav2': item }) %}
  22.             {% endif %}
  23.         {% endfor %}
  25. {#    {% endblock %}#}
  27.     <div class="main-navigation"
  28.          id="mainNavigation"
  29.          data-flyout-menu="true">
  30.         {% block layout_main_navigation_navbar %}
  31.             <div class="container">
  32.                 {% block layout_main_navigation_menu %}
  33.                     <nav class="nav main-navigation-menu"
  34.                          itemscope="itemscope"
  35.                          itemtype="http://schema.org/SiteNavigationElement">
  36.                         {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  38.                         {% block layout_main_navigation_menu_home %}
  39.                         {% endblock %}
  41.                         {% block layout_main_navigation_menu_items %}
  42.                             {% if page.product is defined %}
  43.                                 {% set activePath = page.product.categoryTree %}
  44.                             {% else %}
  45.                                 {% set activePath = page.header.navigation.active.path %}
  46.                             {% endif %}
  48.                             {% for treeItem in orderedNav %}
  50.                                 {% if treeItem.category %}
  51.                                     {% set category = treeItem.category %}
  52.                                     {% set name = category.translated.name %}
  54.                                     {% set categorId = category.id %}
  56.                                     {% block layout_main_navigation_menu_item %}
  57.                                         {% if category.type == 'folder' %}
  58.                                             <div class="nav-link main-navigation-link"
  59.                                                     {% if treeItem.children|length > 0 %}
  60.                                                         data-flyout-menu-trigger="{{ category.id }}"
  61.                                                     {% endif %}
  62.                                                  title="{{ name }}">
  63.                                                 <div class="main-navigation-link-text">
  64.                                                     <span itemprop="name">{{ name }}</span>
  65.                                                 </div>
  66.                                             </div>
  67.                                         {% else %}
  68.                                             <a class="nav-link main-navigation-link nav-link-{{ loop.index }} {% if loop.index  >= 4 %} d-none {% endif %}"
  69.                                                href="{{ category_url(category) }}"
  70.                                                itemprop="url"
  71.                                                     {% if treeItem.children|length > 0 %} data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  72.                                                     {% if category_linknewtab(category) %}target="_blank"{% endif %}
  73.                                                title="{{ name }}">
  74.                                                 <div class="main-navigation-link-text menu-link">
  75.                                                     {% if name is same as("Produkte") %}
  76.                                                         <span class="hamburger-menu"></span>
  77.                                                     {% else %}
  79.                                                         {% sw_icon 'arrow_down'  style {
  80.                                                             'namespace': 'Tuerschild_2',
  81.                                                         } %}
  84.                                                     {% endif %}
  85.                                                     <span itemprop="name" class="hamburger-menu-text">{{ name }}</span>
  86.                                                 </div>
  87.                                             </a>
  88.                                         {% endif %}
  89.                                     {% endblock %}
  90.                                 {% endif %}
  91.                             {% endfor %}
  92.                         {% endblock %}
  93.                     </nav>
  94.                 {% endblock %}
  95.             </div>
  96.         {% endblock %}
  98.         {% block layout_main_navigation_menu_flyout_wrapper %}
  99.             {% set navigationChildrenCount = 0 %}
  100.             {% for treeItem in orderedNav %}
  101.                 {% if treeItem.category.childCount > 0 %}
  102.                     {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  103.                 {% endif %}
  104.             {% endfor %}
  106.             {% if navigationChildrenCount > 0 %}
  107.                 {% block layout_main_navigation_menu_flyout_container %}
  108.                     <div class="navigation-flyouts" data-menu-categories-switcher="true">
  109.                         {% block layout_main_navigation_menu_flyouts %}
  110.                             {% for treeItem in orderedNav %}
  111.                                 {% if treeItem.category %}
  112.                                     {% set isFirstCategory = false %}
  114.                                     {% if loop.first %}
  115.                                         {% set isFirstCategory = true %}
  116.                                     {% endif %}
  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.                                             >
  123.                                                 <div class="container">
  124.                                                     {% block layout_main_navigation_menu_flyout_include %}
  125.                                                         {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {isFirstCategory:isFirstCategory,navigationTree: treeItem,mainNavigation:page.header.navigation.tree, level: level+1, page: page} only %}
  126.                                                     {% endblock %}
  127.                                                 </div>
  128.                                             </div>
  129.                                         {% endblock %}
  130.                                     {% endif %}
  131.                                 {% endif %}
  132.                             {% endfor %}
  133.                         {% endblock %}
  134.                     </div>
  135.                 {% endblock %}
  136.             {% endif %}
  137.         {% endblock %}
  138.     </div>
  139. {% endblock %}