custom/plugins/SvenDasMenu/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 %}
  4.     {% if dasMenu and dasMenuEnableMobile %}
  5.         <div class="main-navigation dasmenu-navigation"
  6.              id="mainNavigation">
  7.             <div class="container">
  8.                 <div class="menu-button-container">
  9.                     <button class="btn nav-main-toggle-btn btn-primary btn-small" type="button" data-offcanvas-menu="true" aria-label="Menü">
  10.                         {% sw_icon "stack" %}
  11.                         <span class="cat-button-text">{{ "general.desktopOffcanvasText"|trans }}</span>
  12.                     </button>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.     {% elseif dasMenu and dasMenuEnableDesktop %}
  17.         <div class="main-navigation dasmenu-navigation"
  18.              id="mainNavigation">
  19.             <div class="container">
  20.                 <nav class="nav main-navigation-menu"
  21.                      itemscope="itemscope"
  22.                      itemtype="http://schema.org/SiteNavigationElement">
  23.                     {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  25.                     {% if context.salesChannel.translated.homeEnabled %}
  26.                         <a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link"
  27.                            href="{{ path('frontend.home.page') }}"
  28.                            itemprop="url"
  29.                            title="{{ homeLabel|striptags }}">
  30.                             <div class="main-navigation-link-text">
  31.                                 <span itemprop="name">{{ homeLabel|sw_sanitize }}</span>
  32.                             </div>
  33.                         </a>
  34.                     {% endif %}
  36.                     {% if page.product is defined %}
  37.                         {% set activePath = page.product.categoryTree %}
  38.                     {% else %}
  39.                         {% set activePath = page.header.navigation.active.path %}
  40.                     {% endif %}
  42.                     {% for treeItem in page.header.navigation.tree %}
  43.                         {% set category = treeItem.category %}
  44.                         {% set name = category.translated.name %}
  46.                         {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  47.                         {% set categorId = category.id %}
  49.                         {% if category.type == 'folder' %}
  50.                             <div class="nav-link main-navigation-link"
  51.                                 {% if treeItem.children|length > 0 %}
  52.                                     data-flyout-menu-trigger="{{ category.id }}"
  53.                                 {% endif %}
  54.                                  title="{{ name }}">
  55.                                 <div class="main-navigation-link-text">
  56.                                     <span itemprop="name">{{ name }}</span>
  57.                                 </div>
  59.                                 <div class="navigation--sub container" {% if dasMenuSubWidth %}style="width: {{ dasMenuSubWidth }};"{% endif %}>
  60.                                     {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  61.                                         navigationTree: treeItem.children,
  62.                                         page: page,
  63.                                         dasMenu: dasMenu,
  64.                                         dasMenuSubWidth: dasMenuSubWidth
  65.                                     } only %}
  66.                                 </div>
  67.                             </div>
  68.                         {% else %}
  69.                             <div class="nav-link-content">
  70.                                 <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  71.                                    href="{{ category_url(category) }}"
  72.                                    itemprop="url"
  73.                                    {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  74.                                     {% if category_linknewtab(category) %}target="_blank"{% endif %}
  75.                                    title="{{ name }}">
  76.                                     <div class="main-navigation-link-text">
  77.                                         <span itemprop="name">{{ name }}</span>
  78.                                     </div>
  79.                                 </a>
  80.                                 <div class="navigation--sub container" {% if dasMenuSubWidth %}style="width: {{ dasMenuSubWidth }};"{% endif %}>
  81.                                     {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  82.                                         navigationTree: treeItem.children,
  83.                                         page: page,
  84.                                         dasMenu: dasMenu,
  85.                                         dasMenuSubWidth: dasMenuSubWidth
  86.                                     } only %}
  87.                                 </div>
  88.                             </div>
  89.                         {% endif %}
  90.                     {% endfor %}
  91.                 </nav>
  92.             </div>
  93.         </div>
  94.     {% else %}
  95.         {{ parent() }}
  96.     {% endif %}
  97. {% endblock %}