custom/static-plugins/NdTheme/src/Resources/views/storefront/layout/sidebar/category-navigation.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' %}
  3. {% block layout_navigation_categories %}
  4.     {% set navigationMaxDepth = context.salesChannel.navigationCategoryDepth %}
  6.     {% if not level %}
  7.         {% set level = 0 %}
  8.     {% endif %}
  10.     {% block layout_navigation_categories_list %}
  11.         <ul class="category-navigation text-sm grid grid-gap-y-1 level-{{ level }}">
  12.             {% for item in navigationTree %}
  13.                 {% set currentCategory = item.category.id is same as(activeResult.id) %}
  14.                 {% set inPath = item.category.id in activeResult.path %}
  15.                 {% set directParent = (item.children is not empty) and not currentCategory %}
  16.                 {# {{ dump(activeResult.level) }} #}
  18.                 {% block layout_navigation_categories_list_entry %}
  19.                     {% if (item.category.id in activeResult.id) or inPath %}
  20.                         <li class="level-{{ level }} category-navigation-entry order-first grid grid-gap-y-1">
  21.                             {% if item.category.type == 'folder' %}
  22.                                 {% block layout_navigation_categories_folder_children %}
  23.                                     <span class="category-navigation-link capitalize">{{ item.category.translated.name|lower }}</span>
  24.                                 {% endblock %}
  25.                             {% else %}
  26.                                 {% block layout_navigation_categories_link_children %}
  27.                                     <a class="category-navigation-link capitalize hover:underline{% if currentCategory %} font-bold underline mt-2{% endif %}{% if inPath %} in-path flex items-center grid-gap-1{% endif %}{% if level === 1 %} font-bold{% endif %}{% if directParent %} -ml-1{% endif %}"
  28.                                        href="{{ category_url(item.category) }}"
  29.                                        {% if category_linknewtab(item.category) %}target="_blank"{% endif %}>
  30.                                         {% if directParent %}
  31.                                             <span class="icon">
  32.                                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
  33.                                                      fill="currentColor" class="w-5 h-5">
  34.                                                     <path fill-rule="evenodd"
  35.                                                           d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z"
  36.                                                           clip-rule="evenodd"/>
  37.                                                 </svg>
  38.                                             </span>
  39.                                         {% endif %}
  40.                                         {% block layout_navigation_categories_link_children_name %}
  41.                                             {{ item.category.translated.name|lower }}
  42.                                         {% endblock %}
  43.                                     </a>
  44.                                 {% endblock %}
  45.                             {% endif %}
  46.                             {% block layout_navigation_categories_recoursion %}
  47.                                 {% if level < navigationMaxDepth %}
  48.                                     {% sw_include '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' with {
  49.                                         navigationTree: item.children,
  50.                                         activeResult: activeResult,
  51.                                         level: level + 1,
  52.                                     } only %}
  53.                                 {% endif %}
  54.                             {% endblock %}
  55.                         </li>
  56.                     {% else %}
  57.                         <li class="level-{{ level }} not-active {% if (level === 0 and activeResult.level >= 2) or (level === 1 and activeResult.level >= 3) or (level === 2 and activeResult.level >= 4) %} top-level-categories sr-only {% endif %}">
  58.                             {% if item.category.type == 'folder' %}
  59.                                 {% block layout_navigation_categories_text %}
  60.                                     <span class="category-navigation-link capitalize">{{ item.category.translated.name|lower }}</span>
  61.                                 {% endblock %}
  62.                             {% else %}
  63.                                 {% block layout_navigation_categories_link %}
  64.                                     <a class="category-navigation-link capitalize hover:underline{% if currentCategory %} font-bold underline{% endif %}{% if parentCategory %} font-bold{% endif %}"
  65.                                        href="{{ category_url(item.category) }}"
  66.                                        {% if category_linknewtab(item.category) %}target="_blank"{% endif %}>
  67.                                         {% block layout_navigation_categories_link_name %}
  68.                                             {{ item.category.translated.name|lower }}
  69.                                         {% endblock %}
  70.                                     </a>
  71.                                 {% endblock %}
  72.                             {% endif %}
  73.                         </li>
  74.                     {% endif %}
  75.                 {% endblock %}
  76.             {% endfor %}
  77.         </ul>
  78.     {% endblock %}
  79. {% endblock %}