custom/plugins/GrimmTheme/src/Resources/views/storefront/s360/megamenu/utilities/category-submenu.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/s360/megamenu/utilities/category-submenu.html.twig' %}
  3. {% block s360_megamenu_category_submenu %}
  4.     {% set hasVisibleChildren = false %}
  5.     {% for child in categories %}
  6.         {% if child.visible %}
  7.             {% set hasVisibleChildren = true %}
  8.         {% endif %}
  9.     {% endfor %}
  10.     {% if hasVisibleChildren %}
  11.     <div class="s360-megamenu__columns__rows s360-megamenu-sub-categories">
  12.         {% set loopIndex = 1 %}
  13.         {% set break = false %}
  15.         {% for cat in categories %}
  16.             {% if not break %}
  17.                 {# adjusted part #}
  18.                 {% if limit and limit > 0 and loopIndex > limit %}
  19.                     {% set break = true %}
  20.                     {% if cat.level == 4 %}
  21.                         <a class="s360-megamenu_showall" href="{{ seoUrl('frontend.navigation.page', { navigationId: cat.parentId }) }}">{{ "menu.textForMoreCategories"|trans|sw_sanitize }}</a>
  22.                     {% elseif cat.level == 3 %}
  23.                         {# show further categories in sidebar #}
  24.                         <div class="s360-megamenu__item s360-megamenu-sub-category s360-remaining-category-wrapper">
  25.                             {# iterate over remaining level3 categories #}
  26.                             {% set remainingCategories = categories[limit:] %}
  27.                             <div class="s360-megamenu__columns__rows s360-megamenu-sub-categories pt-0">
  28.                                 {% for level3cat in remainingCategories %}
  29.                                     {% if level3cat.active and level3cat.visible %}
  30.                                         <a class="s360-megamenu__link s360-megamenu__link--level4 s360-remaining-category grm-bold" href="{{ seoUrl('frontend.navigation.page', { navigationId: level3cat.id }) }}">{{level3cat.translated.name}}</a>
  31.                                     {% endif %}
  32.                                 {% endfor %}
  33.                             </div>
  34.                         </div>
  35.                     {% endif %}
  36.                 {% endif %}
  37.             {% endif %}
  38.             {% if cat.active and cat.visible and break == false %}
  39.                 {% set loopIndex = loopIndex + 1 %}
  41.                 {% block s360_megamenu_category_submenu_item %}
  42.                     <div class="s360-megamenu__item s360-megamenu-sub-category">
  43.                         <a class="s360-megamenu__link s360-megamenu__link--{{ cat.id }} s360-megamenu__link--level{{ cat.level }} {% if cat.id is same as(page.header.navigation.active.id) %} active{% endif %}" href="{{ seoUrl('frontend.navigation.page', { navigationId: cat.id }) }}" itemprop="url" title="{{ cat.translated.name }}">
  44.                             {% block s360_megamenu_category_content_detail %}
  45.                                 <div class="s360-megamenu-sub-category__detail {{ settings.categoryImageLeft ? 's360-megamenu-sub-category__detail__image--left' : 's360-megamenu-sub-category__detail__image--right' }}">
  46.                                     {# Category Header #}
  47.                                     {% block s360_megamenu_category_submenu_title %}
  48.                                         {# depending on loop level, different variables available, thus check for both #}
  49.                                         {% set isActive = false %}
  50.                                         {% if page.header.navigation.active.breadcrumb %}
  51.                                             {% set isActive = cat.id in page.header.navigation.active.plainBreadcrumb|keys %}
  52.                                         {% endif %}
  53.                                         {% if activeBreadcrumbArr %}
  54.                                             {% set isActive = cat.id in activeBreadcrumbArr|keys %}
  55.                                         {% endif %}
  57.                                         <div class="s360-megamenu-sub-category__title{% if isActive %} active{% endif %}">{{ cat.translated.name }}</div>
  58.                                     {% endblock %}
  60.                                     {# Category Image #}
  61.                                     {% if settings.showSubCategoryImage and cat.media %}
  62.                                         {% block s360_megamenu_category_content_detail_image %}
  63.                                             <img src="{{ cat.media.url }}" class="s360-megamenu-sub-category__detail__image img-fluid" alt="{{ cat.translated.name }}"/>
  64.                                         {% endblock %}
  65.                                     {% endif %}
  67.                                     {# Category Description #}
  68.                                     {% if settings.showSubCategoryDescription and cat.translated.description %}
  69.                                         {% block s360_megamenu_category_content_detail_description %}
  70.                                             <div class="s360-megamenu-sub-category__detail__description">
  71.                                                 {{ cat.translated.description }}
  72.                                             </div>
  73.                                         {% endblock %}
  74.                                     {% endif %}
  75.                                 </div>
  76.                             {% endblock %}
  77.                         </a>
  79.                         {% if cat.children|length > 0 and (settings.maxSubSubcategories is not defined or settings.maxSubSubcategories != 0) %}
  80.                             {% sw_include '@Storefront/storefront/s360/megamenu/utilities/category-submenu.html.twig' with { 'limit': settings.maxSubSubcategories, settings: settings, 'categories': cat.children, 'activeBreadcrumbArr': page.header.navigation.active.plainBreadcrumb } only %}
  81.                         {% endif %}
  82.                     </div>
  83.                 {% endblock %}
  84.             {% endif %}
  85.             
  86.         {% endfor %}
  87.     </div>
  88.     {% endif %}
  89. {% endblock %}