custom/plugins/KayloBasicTheme/src/Resources/views/storefront/layout/navigation/offcanvas/categories.html.twig line 1

Open in your IDE?
  1. {# @var navigation \Shopware\Core\Content\Category\Tree\Tree #}
  2. {% set activeId = navigation.active.id ?? context.salesChannel.navigationCategoryId %}
  3. {% set isRoot = activeId == context.salesChannel.navigationCategoryId %}
  4. {% set children = navigation.children(activeId) %}
  5. {% set active = navigation.active %}
  7. {% block layout_navigation_offcanvas_navigation_categories %}
  8.     <div class="navigation-offcanvas-container js-navigation-offcanvas">
  9.         <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
  10.             {% if not isRoot %}
  11.                 {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-all-link.html.twig' %}
  13.                 {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/active-item-link.html.twig' with { item: active } %}
  15.                 {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/back-link.html.twig' with { item: active } %}
  16.             {% else %}
  17.                 {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/general-headline.html.twig' %}
  18.             {% endif %}
  20.             <ul class="list-unstyled navigation-offcanvas-list">
  21.                 {% if not isRoot and page.navigation.active.type != "folder" %}
  22.                     {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-active-link.html.twig' with { item: active } %}
  23.                 {% endif %}
  25.                 {# @var item \Shopware\Core\Content\Category\Tree\TreeItem #}
  26.                 {% for item in children.tree %}
  27.                     {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/item-link.html.twig' with { item: item, activeId: activeId } %}
  28.                 {% endfor %}
  29.             </ul>
  30.         </div>
  31.     </div>
  32. {% endblock %}