custom/plugins/H1webMegaMenu/src/Resources/views/storefront/layout/navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% block megamenu %}
  2.     <nav class="megamenu d-none d-lg-block"
  3.          data-mega-menu="true"
  4.          data-trigger-by="{{ config('H1webMegaMenu.config.triggerNavigation') }}"
  5.          itemscope="itemscope"
  6.          itemtype="http://schema.org/SiteNavigationElement">
  7.         <div class="container">
  8.             <div class="d-flex justify-content-between">
  9.                 {% block megamenu_list %}
  10.                     {% set showCategoryParent = null %}
  11.                     {% for treeItem in page.header.navigation.tree %}
  12.                         {% if treeItem.category.customFields.h1_mega_menu_category_parent %}
  13.                             {% set showCategoryParent = 'true'  %}
  14.                         {% endif %}
  15.                     {% endfor %}
  17.                     <ul class="megamenu-list">
  18.                         {% block megamenu_homepage_link %}
  19.                             {% if config('H1webMegaMenu.config.showHomeLink') == 'true' %}
  20.                             <li class="megamenu-item">
  21.                                 <a class="{% if controllerAction is same as('home') %} active{% endif %} home-link"
  22.                                    href="{{ path('frontend.home.page') }}"
  23.                                    itemprop="url"
  24.                                    title="{{ "general.homeLink"|trans|striptags }}">
  25.                                     <div class="main-navigation-link-text">
  26.                                         <span itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
  27.                                     </div>
  28.                                 </a>
  29.                             </li>
  30.                             {% endif %}
  31.                         {% endblock %}
  33.                         {% if showCategoryParent == 'true' %}
  34.                             {% block megamenu_homepage_placeholder %}
  35.                                 <li class="megamenu-item{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}"
  36.                                     data-megamenu-trigger="products_foldout">
  37.                                     <button class="megamenu-link">
  38.                                         <span itemprop="name">{{ "h1.mega_menu.parent_item"|trans|sw_sanitize }}</span>
  39.                                         {% sw_icon 'arrow-medium-down' style {'pack': 'solid', 'size': 'xs', 'class': 'filter-panel-item-toggle'} %}
  40.                                     </button>
  41.                                 </li>
  42.                             {% endblock %}
  44.                         <div
  45.                             class="megamenu-foldout"
  46.                             data-megamenu-id="products_foldout">
  47.                             <div class="container position-relative">
  48.                                 <button type="button" class="js-close-megamenu megamenu-close">close</button>
  50.                                 {% sw_include '@Storefront/storefront/layout/navigation/megamenu/categories.html.twig' with {
  51.                                     navigationTree: page.header.navigation.tree,
  52.                                     filter: true
  53.                                 } only %}
  55.                             </div>
  56.                         </div>
  57.                         {% endif %}
  59.                         {% for treeItem in page.header.navigation.tree %}
  60.                             {% if not treeItem.category.customFields.h1_mega_menu_category_parent  %}
  61.                                 {% set category = treeItem.category %}
  62.                                 {% set name = category.translated.name %}
  64.                                 {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  65.                                 {% set categorId = category.id %}
  66.                                 {% set triggerNavigation = config('H1webMegaMenu.config.triggerNavigation') %}
  68.                                 {% block megamenu_list_item %}
  69.                                     {% if treeItem.children|length > 0 %}
  70.                                         <li class="megamenu-item{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}"
  71.                                             data-megamenu-trigger="{{ categorId }}">
  73.                                             {% if triggerNavigation == 'mouseenter' %}
  74.                                                 <a class="megamenu-link"
  75.                                                    href="{{ category_url(category) }}"
  76.                                                    itemprop="url"
  77.                                                     {% if category_linknewtab(category) %}target="_blank"{% endif %}
  78.                                                    title="{{ name }}"
  79.                                                 >
  80.                                                     <span itemprop="name">{{ name }}</span>
  81.                                                     {% sw_icon 'arrow-medium-down' style {'pack': 'solid', 'size': 'xs', 'class': 'filter-panel-item-toggle'} %}
  82.                                                 </a>
  83.                                             {% else %}
  84.                                                 <button class="megamenu-link">
  85.                                                     <span itemprop="name">{{ name }}</span>
  86.                                                     {% sw_icon 'arrow-medium-down' style {'pack': 'solid', 'size': 'xs', 'class': 'filter-panel-item-toggle'} %}
  87.                                                 </button>
  88.                                             {% endif %}
  89.                                         </li>
  90.                                     {% else %}
  91.                                         <li class="megamenu-item{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}"
  92.                                             data-megamenu-no-trigger="true">
  93.                                             <a class="megamenu-link"
  94.                                                href="{{ category_url(category) }}"
  95.                                                itemprop="url"
  96.                                                {% if category_linknewtab(category) %}target="_blank"{% endif %}
  97.                                                title="{{ name }}"
  98.                                             >
  99.                                                 <span itemprop="name">{{ name }}</span>
  100.                                             </a>
  101.                                         </li>
  102.                                     {% endif %}
  103.                                 {% endblock %}
  105.                                 {% set navigationChildrenCount = 0 %}
  106.                                 {% for treeItem in page.header.navigation.tree %}
  107.                                     {% if treeItem.category.childCount > 0 %}
  108.                                         {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  109.                                     {% endif %}
  110.                                 {% endfor %}
  112.                                 {% if navigationChildrenCount > 0 %}
  113.                                     {% sw_include '@Storefront/storefront/layout/navigation/megamenu/megamenu.html.twig' with {
  114.                                         navigationTree: treeItem
  115.                                     } only %}
  116.                                 {% endif %}
  117.                             {% endif %}
  118.                         {% endfor %}
  119.                     </ul>
  120.                 {% endblock %}
  122.                 {% block layout_header_top_bar_service %}
  123.                     {% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget.html.twig' %}
  124.                 {% endblock %}
  125.             </div>
  126.         </div>
  127.     </nav>
  129.     {% block megamenu_layover %}
  130.         <div class="js-close-megamenu-all megamenu-layover"></div>
  131.     {% endblock %}
  132. {% endblock %}