src/Storefront/Resources/views/storefront/layout/navigation/categories.html.twig line 1

  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.     {% set activePath = page.header.navigation.active.path %}
  11.     <div class="{% if level == 0 %}row {% endif %}navigation-flyout-categories is-level-{{ level }}">
  12.         {% for treeItem in navigationTree %}
  13.             {% set id = treeItem.category.id %}
  14.             {% set name = treeItem.category.translated.name %}
  15.             {% set link = category_url(treeItem.category) %}
  17.             {% block layout_navigation_categories_item %}
  18.                 <div class="{% if level == 0 %}{% if navigationMedia %}col-4 {% else %}col-3 {% endif %}{% endif %}navigation-flyout-col">
  19.                     {% block layout_navigation_categories_item_link %}
  20.                         {% if treeItem.category.type == 'folder' %}
  21.                             <div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
  22.                                  title="{{ name }}">
  23.                                 <span itemprop="name">{{ name }}</span>
  24.                             </div>
  25.                         {% else %}
  26.                             <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
  27.                                href="{{ link }}"
  28.                                itemprop="url"
  29.                                {% if category_linknewtab(treeItem.category) %}target="_blank"
  30.                                    {% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
  31.                                {% endif %}
  32.                                title="{{ name }}">
  33.                                 <span itemprop="name">{{ name }}</span>
  34.                             </a>
  35.                         {% endif %}
  36.                     {% endblock %}
  38.                     {% block layout_navigation_categories_recoursion %}
  39.                         {% if level < navigationMaxDepth %}
  40.                             {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  41.                                 navigationTree: treeItem.children,
  42.                                 level: level + 1,
  43.                                 page: page
  44.                             } only %}
  45.                         {% endif %}
  46.                     {% endblock %}
  47.                 </div>
  48.             {% endblock %}
  49.         {% endfor %}
  50.     </div>
  51. {% endblock %}