custom/static-plugins/NdVoorwindenTheme/src/Resources/views/storefront/layout/navigation/categories.html.twig line 1

Open in your IDE?
  1. {% block layout_navigation_categories %}
  2.     {% set navigationMaxDepth = 3 %}
  4.     {% if not level %}
  5.         {% set level = 0 %}
  6.     {% endif %}
  7.     {% set activeId = page.header.navigation.active.id %}
  9.     {% if page.product is defined %}
  10.         {% set activePath = page.product.categoryTree %}
  11.     {% else %}
  12.         {% set activePath = page.header.navigation.active.path %}
  13.     {% endif %}
  15.     <div class="navigation-flyout-categories is-level-{{ level }} {% if level === 1 %}ml-4{% endif %}">
  16.         {% set treeItemNumber = 0 %}
  17.         {% set length = navigationTree|length %}
  18.         {% for treeItem in navigationTree %}
  19.             {% set treeItemNumber = treeItemNumber + 1 %}
  20.             {# ONLY show the first 8 navigational items. #}
  21.             {# If there are more than 8, they will not be displayed. #}
  22.             {# Instead, a 'See all' link will be shown. #}
  23.             {% if treeItemNumber < 11 %}
  24.                 {% set id = treeItem.category.id %}
  25.                 {% set name = treeItem.category.translated.name %}
  26.                 {% set link = category_url(treeItem.category) %}
  28.                 {% block layout_navigation_categories_item %}
  29.                     <div class="navigation-flyout-col text-black">
  30.                         {% block layout_navigation_categories_item_link %}
  31.                             {% if treeItem.category.type == 'folder' %}
  32.                                 <div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
  33.                                      title="{{ name }}">
  34.                                     <span itemprop="name">{{ name }}</span>
  35.                                 </div>
  36.                             {% else %}
  37.                                 <a class="nav-item nav-link navigation-flyout-link block py-2 hover:text-grey-400 is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
  38.                                    href="{{ link }}"
  39.                                    itemprop="url"
  40.                                    {% if category_linknewtab(treeItem.category) %}target="_blank"{% endif %}
  41.                                    title="{{ name }}">
  42.                                     <span itemprop="name">{{ name }}</span>
  43.                                 </a>
  44.                             {% endif %}
  45.                         {% endblock %}
  47.                         {# {% block layout_navigation_categories_recoursion %} #}
  48.                         {# {% if level < navigationMaxDepth %} #}
  49.                         {# {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with { #}
  50.                         {# navigationTree: treeItem.children, #}
  51.                         {# level: level + 1, #}
  52.                         {# page: page #}
  53.                         {# } only %} #}
  54.                         {# {% endif %} #}
  55.                         {# {% endblock %} #}
  56.                     </div>
  57.                 {% endblock %}
  58.             {% endif %}
  59.         {% endfor %}
  60.         {% if length > 10 %}
  61.             <div class="navigation-flyout-category-link">
  62.                 <a class="nav-link text-black underline py-2"
  63.                    href="{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}"
  64.                    itemprop="url"
  65.                    title="{{ category.translated.name }}">
  66.                     {{ "general.toCategory"|trans|sw_sanitize }}
  67.                 </a>
  68.             </div>
  69.         {% endif %}
  70.     </div>
  71. {% endblock %}