custom/plugins/DmSanettaTheme/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.     <div class="main-navigation" id="mainNavigation" data-flyout-menu="true">
  5.         {% block layout_main_navigation_navbar %}
  6.             <div
  7.                 class="container dm_main-navigation-wrapper">
  9.                 <!-- Logo -->
  10.                 {% block layout_header_logo %}
  11.                     <div class="logo-container">
  12.                         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  13.                     </div>
  14.                 {% endblock %}
  16.                 <!-- Navigation -->
  17.                 {% block layout_main_navigation_menu %}
  18.                     <nav class="nav main-navigation-menu" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
  19.                         {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  21.                         {% block layout_main_navigation_menu_home %}
  22.                             {% if context.salesChannel.translated.homeEnabled %}
  23.                                 <a class="nav-link main-navigation-link{% if controllerAction is same as('home') %} active{% endif %} home-link" href="{{ path('frontend.home.page') }}" itemprop="url" title="{{ homeLabel|striptags }}">
  24.                                     <div class="main-navigation-link-text">
  25.                                         <span itemprop="name">{{ homeLabel|sw_sanitize }}</span>
  26.                                     </div>
  27.                                 </a>
  28.                             {% endif %}
  29.                         {% endblock %}
  31.                         {% block layout_main_navigation_menu_items %}
  32.                             {% if page.product is defined %}
  33.                                 {% set activePath = page.product.categoryTree %}
  34.                             {% else %}
  35.                                 {% set activePath = page.header.navigation.active.path %}
  36.                             {% endif %}
  38.                             {% for treeItem in page.header.navigation.tree %}
  39.                                 {% set category = treeItem.category %}
  40.                                 {% set name = category.translated.name %}
  42.                                 {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  43.                                 {% set categorId = category.id %}
  45.                                 {% block layout_main_navigation_menu_item %}
  46.                                     {% if category.type == 'folder' %}
  47.                                         <div class="nav-link main-navigation-link" {% if treeItem.children|length > 0 %} data-flyout-menu-trigger="{{ category.id }}" {% endif %} title="{{ name }}">
  48.                                             <div class="main-navigation-link-text">
  49.                                                 <span itemprop="name">{{ name }}</span>
  50.                                             </div>
  51.                                         </div>
  52.                                     {% else %}
  53.                                         <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}" href="{{ category_url(category) }}" itemprop="url" {% if treeItem.children|length > 0 %} data-flyout-menu-trigger="{{ category.id }}" {% endif %} {% if category_linknewtab(category) %} target="_blank" {% endif %} title="{{ name }}">
  54.                                             <div class="main-navigation-link-text">
  55.                                                 <span itemprop="name">{{ name }}</span>
  56.                                             </div>
  57.                                         </a>
  58.                                     {% endif %}
  59.                                 {% endblock %}
  60.                             {% endfor %}
  61.                         {% endblock %}
  62.                     </nav>
  64.                     <div class="header-search-col">
  65.                         <div class="row">
  66.                             <div class="col-sm-auto d-none d-sm-block d-lg-none">
  67.                                 <div class="nav-main-toggle">
  68.                                     <button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags }}">
  69.                                         {% sw_icon 'stack' %}
  70.                                     </button>
  71.                                 </div>
  72.                             </div>
  73.                             <div class="">
  74.                                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  75.                             </div>
  76.                         </div>
  77.                     </div>
  79.                     <div class="header-actions-col">
  80.                         <div class="row {{ gridNoGuttersClass }}">
  82.                             {% if config('core.cart.wishlistEnabled') %}
  83.                                 {% if context.customer %}
  84.                                     <div class="col-auto">
  85.                                         <div class="header-wishlist">
  86.                                             <a class="btn header-wishlist-btn header-actions-btn" href="{{ path('frontend.wishlist.page') }}" title="{{ 'header.wishlist'|trans|striptags }}" aria-label="{{ 'header.wishlist'|trans|striptags }}">
  87.                                                 {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  88.                                             </a>
  89.                                         </div>
  90.                                     </div>
  91.                                 {% endif %}
  92.                             {% endif %}
  94.                             <div class="col-auto">
  95.                                 <div class="account-menu">
  96.                                     <div class="dropdown">
  97.                                         <button class="btn account-menu-btn header-actions-btn" type="button" id="accountWidgetSticky" data-offcanvas-account-menu="true" {{ dataBsToggleAttr }}="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{ "account.myAccount"|trans|striptags }}" title="{{ "account.myAccount"|trans|striptags }}">
  98.                                             {% sw_icon 'avatar' %}
  99.                                         </button>
  101.                                         <div class="dropdown-menu dropdown-menu-right account-menu-dropdown js-account-menu-dropdown" aria-labelledby="accountWidgetSticky">
  102.                                             {% sw_include '@Storefront/storefront/layout/header/account-menu.html.twig' %}
  103.                                         </div>
  104.                                     </div>
  105.                                 </div>
  106.                             </div>
  108.                             <div class="col-auto">
  109.                                 <div class="header-cart" data-offcanvas-cart="true">
  110.                                     <a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  111.                                         {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  112.                                     </a>
  113.                                 </div>
  114.                             </div>
  115.                         </div>
  116.                     </div>
  117.                 {% endblock %}
  118.             </div>
  119.         {% endblock %}
  121.         {% block layout_main_navigation_menu_flyout_wrapper %}
  122.             {% set navigationChildrenCount = 0 %}
  123.             {% for treeItem in page.header.navigation.tree %}
  124.                 {% if treeItem.category.childCount > 0 %}
  125.                     {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  126.                 {% endif %}
  127.             {% endfor %}
  129.             {% if navigationChildrenCount > 0 %}
  130.                 {% block layout_main_navigation_menu_flyout_container %}
  131.                     <div class="navigation-flyouts">
  132.                         {% block layout_main_navigation_menu_flyouts %}
  133.                             {% for treeItem in page.header.navigation.tree %}
  134.                                 {% if treeItem.children|length > 0 %}
  135.                                     {% block layout_main_navigation_menu_flyout %}
  136.                                         <div class="navigation-flyout" data-flyout-menu-id="{{ treeItem.category.id }}">
  137.                                             <div class="container">
  138.                                                 {% block layout_main_navigation_menu_flyout_include %}
  139.                                                     {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  140.                                                 {% endblock %}
  141.                                             </div>
  142.                                         </div>
  143.                                     {% endblock %}
  144.                                 {% endif %}
  145.                             {% endfor %}
  146.                         {% endblock %}
  147.                     </div>
  148.                 {% endblock %}
  149.             {% endif %}
  150.         {% endblock %}
  151.     </div>
  152. {% endblock %}