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