vendor/shopware/storefront/Resources/views/storefront/layout/navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% block layout_main_navigation %}
  3.     <div class="main-navigation"
  4.          id="mainNavigation"
  5.          data-flyout-menu="true">
  6.         {% block layout_main_navigation_navbar %}
  7.             <div class="container">
  8.                 {% block layout_main_navigation_menu %}
  9.                     <nav class="nav main-navigation-menu"
  10.                         itemscope="itemscope"
  11.                         itemtype="http://schema.org/SiteNavigationElement">
  12.                         {% block layout_main_navigation_menu_home %}
  13.                             <a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link"
  14.                                 href="{{ path('frontend.home.page') }}"
  15.                                 itemprop="url"
  16.                                 title="{{ "general.homeLink"|trans|striptags }}">
  17.                                 <div class="main-navigation-link-text">
  18.                                     <span itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
  19.                                 </div>
  20.                             </a>
  21.                         {% endblock %}
  23.                         {% block layout_main_navigation_menu_items %}
  24.                             {% for treeItem in page.header.navigation.tree %}
  25.                                 {% set category = treeItem.category %}
  26.                                 {% set name = category.translated.name %}
  27.                                 {% set categorId = category.id %}
  29.                                 {% block layout_main_navigation_menu_item %}
  30.                                     {% if category.type == 'folder' %}
  31.                                         <div class="nav-link main-navigation-link"
  32.                                             {% if treeItem.children|length > 0 %}
  33.                                                 data-flyout-menu-trigger="{{ categorId }}"
  34.                                             {% endif %}
  35.                                               title="{{ name }}">
  36.                                             <div class="main-navigation-link-text">
  37.                                                 <span itemprop="name">{{ name }}</span>
  38.                                             </div>
  39.                                         </div>
  40.                                     {% else %}
  41.                                         <a class="nav-link main-navigation-link{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}"
  42.                                            href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}"
  43.                                            itemprop="url"
  44.                                             {% if treeItem.children|length > 0 %}
  45.                                                 data-flyout-menu-trigger="{{ categorId }}"
  46.                                             {% endif %}
  47.                                            title="{{ name }}">
  48.                                             <div class="main-navigation-link-text">
  49.                                                 <span itemprop="name">{{ name }}</span>
  50.                                             </div>
  51.                                         </a>
  52.                                     {% endif %}
  53.                                 {% endblock %}
  54.                             {% endfor %}
  55.                         {% endblock %}
  56.                     </nav>
  57.                 {% endblock %}
  58.             </div>
  59.         {% endblock %}
  61.         {% block layout_main_navigation_menu_flyout_wrapper %}
  62.             {% set navigationChildrenCount = 0 %}
  63.             {% for treeItem in page.header.navigation.tree %}
  64.                 {% if treeItem.category.childCount > 0 %}
  65.                     {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  66.                 {% endif %}
  67.             {% endfor %}
  69.             {% if navigationChildrenCount > 0 %}
  70.                 {% block layout_main_navigation_menu_flyout_container %}
  71.                     <div class="navigation-flyouts">
  72.                         {% block layout_main_navigation_menu_flyouts %}
  73.                             {% for treeItem in page.header.navigation.tree %}
  74.                                 {% if treeItem.children|length > 0 %}
  75.                                     {% block layout_main_navigation_menu_flyout %}
  76.                                         <div class="navigation-flyout"
  77.                                              data-flyout-menu-id="{{ treeItem.category.id }}">
  78.                                             <div class="container">
  79.                                                 {% block layout_main_navigation_menu_flyout_include %}
  80.                                                     {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1} only %}
  81.                                                 {% endblock %}
  82.                                             </div>
  83.                                         </div>
  84.                                     {% endblock %}
  85.                                 {% endif %}
  86.                             {% endfor %}
  87.                         {% endblock %}
  88.                     </div>
  89.                 {% endblock %}
  90.             {% endif %}
  91.         {% endblock %}
  92.     </div>
  93. {% endblock %}