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

Open in your IDE?
  1. {% block s360_megamenu_category_submenu %}
  2.     <div class="s360-megamenu__columns__rows s360-megamenu-sub-categories">
  3.         {% set loopIndex = 1 %}
  4.         {% set break = false %}
  6.         {% for cat in categories %}
  7.             {% if not break %}
  8.                 {% if limit and limit > 0 and loopIndex > limit %}
  9.                     {% set break = true %}
  10.                 {% endif %}
  12.                 {% if cat.active and cat.visible and break == false %}
  13.                     {% set loopIndex = loopIndex + 1 %}
  15.                     {% block s360_megamenu_category_submenu_item %}
  16.                         <div class="s360-megamenu__item s360-megamenu-sub-category">
  17.                             {% set linkTarget = category_url(cat) %}
  18.                             <{% if cat.type == 'folder' %}span{% else %}a{% endif %}
  19.                                 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 %}"
  20.                                 {% if category.type != 'folder' %}
  21.                                     href="{{ linkTarget }}"
  22.                                     itemprop="url"
  23.                                     title="{{ cat.translated.name }}"
  24.                                 {% endif %}
  25.                             >
  26.                                 {% block s360_megamenu_category_content_detail %}
  27.                                     <div class="s360-megamenu-sub-category__detail {{ settings.categoryImageLeft ? 's360-megamenu-sub-category__detail__image--left' : 's360-megamenu-sub-category__detail__image--right' }}">
  28.                                         {# Category Header #}
  29.                                         {% block s360_megamenu_category_submenu_title %}
  30.                                             <div class="s360-megamenu-sub-category__title">{{ cat.translated.name }}</div>
  31.                                         {% endblock %}
  33.                                         {# Category Image #}
  34.                                         {% if settings.showSubCategoryImage and cat.media %}
  35.                                             {% block s360_megamenu_category_content_detail_image %}
  36.                                                 <img src="{{ cat.media.url }}" class="s360-megamenu-sub-category__detail__image img-fluid" alt="{{ cat.translated.name }}"/>
  37.                                             {% endblock %}
  38.                                         {% endif %}
  40.                                         {# Category Description #}
  41.                                         {% if settings.showSubCategoryDescription and cat.translated.description %}
  42.                                             {% block s360_megamenu_category_content_detail_description %}
  43.                                                 <div class="s360-megamenu-sub-category__detail__description">
  44.                                                     {{ cat.translated.description }}
  45.                                                 </div>
  46.                                             {% endblock %}
  47.                                         {% endif %}
  48.                                     </div>
  49.                                 {% endblock %}
  50.                             </{% if category.type == 'folder' %}span{% else %}a{% endif %}>
  52.                             {% if cat.children|length > 0 and (settings.maxSubSubcategories is not defined or settings.maxSubSubcategories != 0) %}
  53.                                 {% sw_include '@Storefront/storefront/s360/megamenu/utilities/category-submenu.html.twig' with { 'limit': settings.maxSubSubcategories, settings: settings, 'categories': cat.children } only %}
  54.                             {% endif %}
  55.                         </div>
  56.                     {% endblock %}
  57.                 {% endif %}
  58.             {% endif %}
  59.         {% endfor %}
  60.     </div>
  61. {% endblock %}