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. {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  14. {% block layout_main_navigation_menu_home %}
  15. {% if context.salesChannel.translated.homeEnabled %}
  16. <a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link"
  17. href="{{ path('frontend.home.page') }}"
  18. itemprop="url"
  19. title="{{ homeLabel|striptags }}">
  20. <div class="main-navigation-link-text">
  21. <span itemprop="name">{{ homeLabel|sw_sanitize }}</span>
  22. </div>
  23. </a>
  24. {% endif %}
  25. {% endblock %}
  27. {% block layout_main_navigation_menu_items %}
  28. {% set activePath = page.header.navigation.active.path %}
  30. {% for treeItem in page.header.navigation.tree %}
  31. {% set category = treeItem.category %}
  32. {% set name = category.translated.name %}
  34. {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  35. {% set categorId = category.id %}
  37. {% block layout_main_navigation_menu_item %}
  38. {% if category.type == 'folder' %}
  39. <div class="nav-link main-navigation-link"
  40. {% if treeItem.children|length > 0 %}
  41. data-flyout-menu-trigger="{{ category.id }}"
  42. {% endif %}
  43. title="{{ name }}">
  44. <div class="main-navigation-link-text">
  45. <span itemprop="name">{{ name }}</span>
  46. </div>
  47. </div>
  48. {% else %}
  49. <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  50. href="{{ category_url(category) }}"
  51. itemprop="url"
  52. {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  53. {% if category_linknewtab(category) %}target="_blank"{% endif %}
  54. title="{{ name }}">
  55. <div class="main-navigation-link-text">
  56. <span itemprop="name">{{ name }}</span>
  57. </div>
  58. </a>
  59. {% endif %}
  60. {% endblock %}
  61. {% endfor %}
  62. {% endblock %}
  63. </nav>
  64. {% endblock %}
  65. </div>
  66. {% endblock %}
  68. {% block layout_main_navigation_menu_flyout_wrapper %}
  69. {% set navigationChildrenCount = 0 %}
  70. {% for treeItem in page.header.navigation.tree %}
  71. {% if treeItem.category.childCount > 0 %}
  72. {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  73. {% endif %}
  74. {% endfor %}
  76. {% if navigationChildrenCount > 0 %}
  77. {% block layout_main_navigation_menu_flyout_container %}
  78. <div class="navigation-flyouts">
  79. {% block layout_main_navigation_menu_flyouts %}
  80. {% for treeItem in page.header.navigation.tree %}
  81. {% if treeItem.children|length > 0 %}
  82. {% block layout_main_navigation_menu_flyout %}
  83. <div class="navigation-flyout"
  84. data-flyout-menu-id="{{ treeItem.category.id }}">
  85. <div class="container">
  86. {% block layout_main_navigation_menu_flyout_include %}
  87. {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  88. {% endblock %}
  89. </div>
  90. </div>
  91. {% endblock %}
  92. {% endif %}
  93. {% endfor %}
  94. {% endblock %}
  95. </div>
  96. {% endblock %}
  97. {% endif %}
  98. {% endblock %}
  99. </div>
  100. {% endblock %}