custom/static-plugins/NdVoorwindenTheme/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 hasNoChildren = navigation.active.childCount == 0 and navigation.active.level == 2 %}
  6. {# Make sure the navigation does not go deeper than 3 levels, if so, reach back to the parent #}
  7. {% if navigation.active.level == 3 %}
  8.     {# Custom work to select the parent of the current child #}
  9.     {% set children = navigation.children(navigation.active.parentId) %}
  10.     {% set active = navigation.children(navigation.active.parentId).active %}
  11. {% elseif hasNoChildren %}
  12.     {# Custom work to check if a second level item has no children (and thus is a page without sub-categories) #}
  13.     {% set children = navigation %}
  14.     {% set active = navigation.active %}
  15. {% else %}
  16.     {# Default shopware settings #}
  17.     {% set children = navigation.children(activeId) %}
  18.     {% set active = navigation.active %}
  19. {% endif %}
  21. {% set headerNavigation = 'Home' in active.breadcrumb %}
  22. {% if headerNavigation == false %}
  23.     {# Check if the navigation is from the Header menu, of else (footer). #}
  24.     {# TODO make foolproof. Not fully tested. #}
  25.     {% set children = navigation %}
  26.     {% set active = false %}
  27. {% endif %}
  28. {% block layout_navigation_offcanvas_navigation_categories %}
  29.     <div class="navigation-offcanvas-container js-navigation-offcanvas mb-6">
  30.         <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
  31.             {% if (not isRoot) and (hasNoChildren != true) and (headerNavigation) %}
  32.                 {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/back-link.html.twig' with { item: active } %}
  33.             {% endif %}
  35.             <ul class="navigation-offcanvas-list">
  36.                 {% if (not isRoot) and (page.navigation.active.type != "folder") and (hasNoChildren != true) and (headerNavigation) %}
  37.                     {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-active-link.html.twig' with { item: active } %}
  38.                 {% endif %}
  40.                 {% set allowListAddition = ['inspiration', 'department', 'brands'] %}
  42.                 {% set hasListAddition = false %}
  43.                 {% for allowAddition in allowListAddition %}
  44.                     {% set categoryName = active.name ?? active.translated.name %}
  45.                     {% set additionalMenuId = categoryName|lower %}
  46.                     {% set additionMenus = page.extensions.additional_menus.get(allowAddition ~ '-' ~ additionalMenuId) %}
  47.                     {% if additionMenus %}
  48.                         {% set hasListAddition = true %}
  49.                         {% break %}
  50.                     {% endif %}
  51.                 {% endfor %}
  53.                 {% if hasListAddition %}
  54.                     <li class="navigation-offcanvas-list-item">
  55.                         <div class="navigation-offcanvas-link uppercase nav-item nav-link flex justify-between items-center p-4 pb-1 text-base font-bold transition hover:text-grey-600">
  56.                             <span itemprop="name">{{ 'themeGlobal.navigationCategories'|trans|sw_sanitize }}</span>
  57.                         </div>
  59.                         <ul>
  60.                             {# @var item \Shopware\Core\Content\Category\Tree\TreeItem #}
  61.                             {% for item in children.tree %}
  62.                                 {% if not bottomMenu %}
  63.                                     {% set item = item.category %}
  64.                                 {% endif %}
  65.                                 {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/addition-item-link.html.twig' with { item: item, activeId: activeId } %}
  66.                             {% endfor %}
  67.                         </ul>
  68.                     </li>
  70.                     {% for allowAddition in allowListAddition %}
  71.                         {% set categoryName = active.name ?? active.translated.name %}
  72.                         {% set additionalMenuId = categoryName|lower %}
  73.                         {% set additionMenus = page.extensions.additional_menus.get(allowAddition ~ '-' ~ additionalMenuId) %}
  74.                         {% if additionMenus %}
  75.                             <li class="navigation-offcanvas-list-item">
  76.                                 <div class="navigation-offcanvas-link uppercase nav-item nav-link flex justify-between items-center p-4 pb-1 text-base font-bold transition hover:text-grey-600">
  77.                                     {% set additionMenuSnippetKey = 'themeGlobal.navigation' ~ allowAddition|capitalize %}
  78.                                     <span itemprop="name">{{ additionMenuSnippetKey|trans|sw_sanitize }}</span>
  79.                                 </div>
  81.                                 <ul>
  82.                                     {% for additionMenu in additionMenus.elements %}
  83.                                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/addition-item-link.html.twig' with { item: additionMenu, activeId: activeId } %}
  84.                                     {% endfor %}
  85.                                 </ul>
  86.                             </li>
  87.                         {% endif %}
  88.                     {% endfor %}
  89.                 {% else %}
  90.                     {# @var item \Shopware\Core\Content\Category\Tree\TreeItem #}
  91.                     {% for item in children.tree %}
  92.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/item-link.html.twig' with { item: item, activeId: activeId } %}
  93.                     {% endfor %}
  94.                 {% endif %}
  95.             </ul>
  97.             {% set bottomMenu = page.header.extensions.additional_menus.get('bottom-menu') %}
  98.             {% if bottomMenu and isRoot %}
  99.                 <ul class="bottom-menu">
  100.                     {% for item in bottomMenu %}
  101.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/item-link.html.twig' with {
  102.                             bottomMenu: true,
  103.                             item: item,
  104.                             activeId: activeId
  105.                         } %}
  106.                     {% endfor %}
  108.                 </ul>
  109.             {% endif %}
  110.         </div>
  111.     </div>
  112. {% endblock %}