{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' %}
{% block layout_navigation_offcanvas_navigation_categories %}
{# set to always display rott ctegoey in offcanvas navigatoion #}
{% set isRoot = true %}
{% set children = page.header.navigation %}
<div class="navigation-offcanvas-container js-navigation-offcanvas">
<div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
<ul class="list-unstyled navigation-offcanvas-list {% if isRoot %}is-root{% endif %}">
{# @var item \Shopware\Core\Content\Category\Tree\TreeItem #}
{% for item in children.tree %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/item-link.html.twig' with { item: item, activeId: activeId } %}
{% endfor %}
{% if isRoot %}
<li class="navigation-offcanvas-list-item">
<a href="{{ path('frontend.account.home.page') }}"
title="{{ "account.overviewLink"|trans|striptags }}"
class="navigation-offcanvas-link nav-item nav-link">
<div class="is--mobile-only">
<span itemprop="name">{{ "account.myAccount"|trans|sw_sanitize }}</span>
</div>
</a>
</li>
{% block layout_navigation_offcanvas_navigation_categories_service_static %}
<li class="navigation-offcanvas-list-item">
<a href="{{ "header.topbarLink1Link"|trans|sw_sanitize }}"
title="{{ "header.topbarLink1"|trans|sw_sanitize }}"
class="navigation-offcanvas-link nav-item nav-link">
<div class="is--mobile-only">
<span itemprop="name">{{ "header.topbarLink1"|trans|sw_sanitize }}</span>
</div>
</a>
</li>
{% endblock %}
<li class="navigation-offcanvas-list-item">
<a href="{{ "header.topbarLink2Link"|trans|sw_sanitize }}"
title="{{ "header.topbarLink2"|trans|sw_sanitize }}"
class="navigation-offcanvas-link nav-item nav-link">
<div class="is--mobile-only">
<span itemprop="name">{{ "header.topbarLink2"|trans|sw_sanitize }}</span>
</div>
</a>
</li>
{% endif %}
</ul>
</div>
</div>
{% endblock %}