{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' %}
{% block layout_navigation_offcanvas_navigation_categories %}
{% set teaser_field = 'custom_navigation_fields_is_teaser' %}
{% set link_text_overwrite = 'custom_navigation_fields_link_text' %}
{% if isRoot %}{% set rootClass = ' is-root-category' %}{% endif %}
<div class="navigation-offcanvas-container js-navigation-offcanvas">
<div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
<div class="navigation-offcanvas-content-container{{ rootClass }}">
{% if not isRoot %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/active-item-link.html.twig' with { item: active } %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/back-link.html.twig' with { item: active } %}
{% endif %}
<ul class="list-unstyled navigation-offcanvas-list{{ rootClass }}">
{% if not isRoot and active.type != "folder" %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-active-link.html.twig' with { item: active } %}
{% endif %}
{% for item in children.tree %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/item-link.html.twig' with { item: item, activeId: activeId } %}
{% endfor %}
</ul>
</div>
</div>
</div>
{% endblock %}