{% sw_extends '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' %}
{% block layout_navigation_categories_link_children %}
{# ... add class has-children #}
<a class="category-navigation-link{% if item.category.id is same as(activeResult.id) %} is-active{% endif %}{% if item.category.id in activeResult.path %} in-path{% endif %}{% if item.children %} has-children{% endif %}"
href="{{ category_url(item.category) }}"
{% if category_linknewtab(item.category) %}target="_blank"{% endif %}>
{% block layout_navigation_categories_link_children_name %}
{# ... add inner span #}
<span class="category-navigation-link-inner">{{ item.category.translated.name }}</span>
{% endblock %}
{# ... add arrow #}
{% if theme_config('zen-sidebar-navigation-arrow') and level == 0 and item.children %}
{% sw_icon 'arrow-medium-down' style {
'pack': 'solid', 'size': 'xs', 'class': 'category-navigation-link-toggle'
} %}
{% endif %}
</a>
{% endblock %}
{% block layout_navigation_categories_link %}
<a class="category-navigation-link{% if item.category.id is same as(activeResult.id) %} is-active{% endif %}"
href="{{ category_url(item.category) }}"
{% if category_linknewtab(item.category) %}target="_blank"{% endif %}>
{% block layout_navigation_categories_link_name %}
{# ... add inner span #}
<span class="category-navigation-link-inner">{{ item.category.translated.name }}</span>
{% endblock %}
{# ... add arrow #}
{% if theme_config('zen-sidebar-navigation-arrow') and level == 0 and item.children %}
{% sw_icon 'arrow-medium-down' style {
'pack': 'solid', 'size': 'xs', 'class': 'category-navigation-link-toggle'
} %}
{% endif %}
</a>
{% endblock %}