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

Open in your IDE?
  1. {% block megamenu_subcategories %}
  2.     {% set useCustomCategoryIcon = config('H1webMegaMenu.config.iconCustomField') %}
  4.     <div class="megamenu-sub-2{% if hideMenuSidebar %} megamenu-full{% endif %}"
  5.          {% if not hideMenuSidebar %}data-megamenu-sub-id="{{ categoryId }}"{% endif %}>
  7.         {% set activeId = page.header.navigation.active.id %}
  8.         {% set subcatAmount = config('H1webMegaMenu.config.amountSubcategories')|default(5) %}
  9.         {% set hideShowAll = config('H1webMegaMenu.config.hideShowAll') %}
  10.         {% set subcategoryColumns = config('H1webMegaMenu.config.selectSubcategoryColumns') %}
  12.         {% if hideMenuSidebar %}
  13.             {% set col = 'col-3' %}
  14.         {% else %}
  15.             {% if subcategoryColumns == 'col-4' %}
  16.                 {% set col = 'col-3' %}
  17.             {% elseif subcategoryColumns == 'col-5' %}
  18.                 {% set col = 'col-20-custom' %}
  19.             {% else %}
  20.                 {% set col = 'col-4' %}
  21.             {% endif %}
  22.         {% endif %}
  24.         <div class="row">
  25.             {% for treeItem in navigationTree %}
  26.                 {% if treeItem.category.childCount > 0 %}
  27.                     {% set id = treeItem.category.id %}
  28.                     {% set name = treeItem.category.translated.name %}
  29.                     {% set link = category_url(treeItem.category) %}
  31.                     {% if useCustomCategoryIcon %}
  32.                         {% set icon = false %}
  33.                         {% set categoryIconId = treeItem.category.translated.customFields.h1_mega_menu_category_icon %}
  35.                         {% if categoryIconId %}
  36.                             {% set mediaCollection = searchMedia([categoryIconId], context.context) %}
  37.                             {% set categoryIcon = mediaCollection.get(categoryIconId) %}
  39.                             {% set icon = categoryIcon %}
  40.                         {% endif %}
  41.                     {% else %}
  42.                         {% set icon = treeItem.category.media %}
  43.                     {% endif %}
  45.                     {% block megamenu_subcategories_subs %}
  46.                         <div class="{{ col }} mb-4">
  47.                             {% block megamenu_subcategories_subs_link %}
  48.                                 <a class="megamenu-sub-2-link{% if id is same as(activeId) %} active{% endif %}"
  49.                                    href="{{ link }}"
  50.                                    itemprop="url"
  51.                                    {% if category_linknewtab(treeItem.category) %}target="_blank"{% endif %}
  52.                                    title="{{ name }}"
  53.                                 >
  54.                                     {% if icon %}
  55.                                         {% sw_thumbnails 'megamenu-icon' with {
  56.                                             media: icon,
  57.                                             sizes: {
  58.                                                 'default': '20px'
  59.                                             },
  60.                                             attributes: {
  61.                                                 'class': 'category-icon',
  62.                                                 'alt': name,
  63.                                                 'title': name,
  64.                                                 'loading': 'lazy'
  65.                                             }
  66.                                         } %}
  67.                                     {% endif %}
  69.                                     <span itemprop="name">{{ name }}</span>
  70.                                 </a>
  71.                             {% endblock %}
  73.                             <ul{% if icon %} class="padding-left"{% endif %}>
  74.                                 {% for treeItem in treeItem.children|slice(0, subcatAmount) %}
  75.                                     <li>
  76.                                         {% sw_include '@Storefront/storefront/layout/navigation/megamenu/link.html.twig' with {
  77.                                             id: treeItem.category.id,
  78.                                             activeId: page.header.navigation.active.id,
  79.                                             name: treeItem.category.translated.name,
  80.                                             link: category_url(treeItem.category),
  81.                                             blank: category_linknewtab(treeItem.category)
  82.                                         } only %}
  83.                                     </li>
  84.                                 {% endfor %}
  86.                                 {% set countChildren = treeItem.children|length %}
  87.                                 {% if (hideShowAll == false) and (countChildren > subcatAmount) %}
  88.                                 <li class="showall">
  89.                                     <a href="{% if link %}{{ link }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: id }) }}{% endif %}" title="{{ "h1.mega_menu.see_more_title_tag"|trans|sw_sanitize }} {{ name }}">
  90.                                         {{ "h1.mega_menu.see_more"|trans|sw_sanitize }}
  91.                                     </a>
  92.                                 </li>
  93.                                 {% endif %}
  94.                             </ul>
  96.                         </div>
  97.                     {% endblock %}
  98.                 {% endif %}
  99.             {% endfor %}
  101.             {% for treeItem in navigationTree|filter(treeItem => treeItem.category.childCount == 0)|batch(subcatAmount) %}
  102.                 <div class="{{ col }} mb-4">
  103.                     <ul class="mt-0 pl-0">
  104.                         {% for item in treeItem %}
  105.                             {% set id = item.category.id %}
  106.                             {% set name = item.category.translated.name %}
  107.                             {% set link = item.category.externalLink %}
  109.                             {% if useCustomCategoryIcon %}
  110.                                 {% set icon = false %}
  111.                                 {% set categoryIconId = item.category.translated.customFields.h1_mega_menu_category_icon %}
  113.                                 {% if categoryIconId %}
  114.                                     {% set mediaCollection = searchMedia([categoryIconId], context.context) %}
  115.                                     {% set categoryIcon = mediaCollection.get(categoryIconId) %}
  117.                                     {% set icon = categoryIcon %}
  118.                                 {% endif %}
  119.                             {% else %}
  120.                                 {% set icon = item.category.media %}
  121.                             {% endif %}
  123.                             <li>
  124.                                 <a class="megamenu-sub-2-link{% if id is same as(activeId) %} active{% endif %}"
  125.                                    href="{% if link %}{{ link }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: id }) }}{% endif %}"
  126.                                    itemprop="url"
  127.                                    title="{{ name }}"
  128.                                 >
  129.                                     {% if icon %}
  130.                                         {% sw_thumbnails 'megamenu-icon' with {
  131.                                             media: icon,
  132.                                             sizes: {
  133.                                                 'default': '20px'
  134.                                             },
  135.                                             attributes: {
  136.                                                 'class': 'category-icon',
  137.                                                 'alt': name,
  138.                                                 'title': name,
  139.                                                 'loading': 'lazy'
  140.                                             }
  141.                                         } %}
  142.                                     {% endif %}
  144.                                     <span itemprop="name">{{ name }}</span>
  145.                                 </a>
  146.                             </li>
  147.                         {% endfor %}
  148.                     </ul>
  149.                 </div>
  150.             {% endfor %}
  151.         </div>
  152.     </div>
  153. {% endblock %}