custom/plugins/FourtwosixThemeExtension/src/Resources/views/storefront/layout/navigation/categories.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/categories.html.twig' %}
  2. {% block layout_navigation_categories %}
  3.     {% set navigationMaxDepth = 3 %}
  5.     {% if not level %}
  6.         {% set level = 0 %}
  7.     {% endif %}
  8.     {% set activeId = page.header.navigation.active.id %}
  10.     {% set activePath = page.header.navigation.active.path %}
  13.     {% set allNavigationTree = [] %}
  14.     {% set ceiledNavigationCountDivision = (navigationTree|length / 4)|round(0, 'ceil') %}
  16.     {% set sortedNavigationTree = navigationTree|sort((a, b) => a.category.translated.name <=> b.category.translated.name) %}
  18.     {% for i in  0..3 %}
  19.         {% set indexOfSlice = i * ceiledNavigationCountDivision %}
  20.         {% set sliced = [sortedNavigationTree|slice(indexOfSlice, ceiledNavigationCountDivision)] %}
  21.         {% set  allNavigationTree = allNavigationTree|merge(sliced) %}
  22.     {% endfor %}
  23.     <div class="{% if level == 0 %}row {% endif %}navigation-flyout-categories is-level-{{ level }}">
  24.         {# @fourtwosix-edit: FV: Added the sorting here --------------------- #}
  27.         {% foreach allNavigationTree as  colNavigationTree  %}
  29.         <div class="{% if level == 0 %} col-3 {% endif %}navigation-flyout-col mb-0"> {# @fourtwosix-edit: add mb-0 #}
  30.             {% for treeItem in colNavigationTree %}
  32.                 {# @fourtwosix-edit: end -------------------------------------------- #}
  33.                 {% set id = treeItem.category.id %}
  34.                 {% set name = treeItem.category.translated.name %}
  35.                 {% set link = category_url(treeItem.category) %}
  37.                 {% block layout_navigation_categories_item %}
  38.                     {# @fourtwosix-edit: set always to col-3 before there was a check for categoryMedia #}
  39.                     {% block layout_navigation_categories_item_link %}
  40.                         {% if treeItem.category.type == 'folder' %}
  41.                             <div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
  42.                                  title="{{ name }}">
  43.                                 <span itemprop="name">{{ name }}</span>
  44.                             </div>
  45.                         {% else %}
  46.                             <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
  47.                                href="{{ link }}"
  48.                                itemprop="url"
  49.                                {% if category_linknewtab(treeItem.category) %}target="_blank"
  50.                                {% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
  51.                                     {% endif %}
  52.                                title="{{ name }}">
  53.                                 <span itemprop="name">{{ name }}</span>
  54.                             </a>
  55.                         {% endif %}
  56.                     {% endblock %}
  58.                     {% block layout_navigation_categories_recoursion %}
  59.                         {# @fourtwosix-edit: FV do not show subcategories here #}
  60.                     {% endblock %}
  61.                 {% endblock %}
  62.             {% endfor %}
  63.         </div>
  64.         {% endforeach %}
  65.     </div>
  66. {% endblock %}