{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' %}
{% block layout_navigation_offcanvas_navigation_categories %}
{# Default category menu #}
{{ parent() }}
{# Tab navigation #}
<ul class="list-unstyled navigation-offcanvas-list">
{% for category in context.context.extensions.topnav['categories'] %}
{% set name = category.translated.name %}
<li class="navigation-offcanvas-list-item">
<a class="navigation-offcanvas-link nav-item nav-link{% if category.id == navigation.active.id %} active{% endif %}"
href="{{ category_url(category) }}"
itemprop="url"
title="{{ name }}">
<span itemprop="name" class="offcanvas-tabnav-item--{{ name|lower }}">{{ name }}</span>
</a>
</li>
{% endfor %}
</ul>
{% endblock %}