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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/categories.html.twig' %}
  3. {% block layout_navigation_categories %}
  4.     {% set navigationMaxDepth = 3 %}
  6.     {% if not level %}
  7.         {% set level = 0 %}
  8.     {% endif %}
  9.     {% set activeId = page.header.navigation.active.id %}
  11.     {% if page.product is defined %}
  12.         {% set activePath = page.product.categoryTree %}
  13.     {% else %}
  14.         {% set activePath = page.header.navigation.active.path %}
  15.     {% endif %}
  17.     <div class="col-4 col-lg-3 categories-col-left">
  18.         <ul class="list-unstyled">
  19.             {% for treeItem in navigationTree %}
  20.                 {% set id = treeItem.category.id %}
  21.                 {% set name = treeItem.category.translated.name %}
  22.                 {% set link = category_url(treeItem.category) %}
  24.                 {% block layout_navigation_categories_item %}
  25.                     <li class="navigation-flyout-categories-link">
  26.                         {% block layout_navigation_categories_item_link %}
  27.                             {% if treeItem.category.type == 'folder' %}
  28.                                 <span itemprop="name">{{ name }}</span>
  29.                             {% else %}
  30.                                 <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
  31.                                    href="{{ link }}"
  32.                                    itemprop="url"
  33.                                    {% if category_linknewtab(treeItem.category) %}target="_blank"{% endif %}
  34.                                    title="{{ name }}"
  35.                                    data-target="{{ treeItem.category.id }}">
  36.                                     <span itemprop="name">{{ name }}</span>
  37.                                     {% sw_icon 'arrow-head-right' %}
  38.                                 </a>
  39.                             {% endif %}
  40.                         {% endblock %}
  41.                     </li>
  42.                 {% endblock %}
  43.             {% endfor %}
  44.         </ul>
  45.     </div>
  47.     <div class="col-8 col-lg-9 bg-cl-white categories-col-right">
  48.         {% for treeItem in navigationTree %}
  49.             {% set id = treeItem.category.id %}
  50.             {% set name = treeItem.category.translated.name %}
  51.             {% set link = category_url(treeItem.category) %}
  53.             {% block layout_navigation_categories_item_sub %}
  55.                 {# Set initial subcategories block to display #}
  56.                 {% set showSub = '' %}
  57.                 {% if page.cmsPage.type == 'product_list' %}
  58.                     {% if id == activeId %}
  59.                         {% set showSub = 'd-block' %}
  60.                     {% endif %}
  61.                 {% else %}
  62.                     {% if loop.index == 1 %}
  63.                         {% set showSub = 'd-block' %}
  64.                     {% endif %}
  65.                 {% endif %}
  67.                 <div class="navigation-flyout-categories-sub {{ showSub }}" id="{{ id }}">
  68.                     {% if level < navigationMaxDepth %}
  69.                         <h3 class="cl-primary">{{ name }}</h3>
  71.                         {# Check if it is brands navigation #}
  72.                         {% set isNavBrands = false %}
  73.                         {% if name|lower == 'shop by brand' %}
  74.                             {% set isNavBrands = true %}
  75.                         {% endif %}
  77.                         <hr>
  78.                         {% if treeItem.children %}
  79.                             {% sw_include '@Storefront/storefront/layout/navigation/categories-sub.html.twig' with {
  80.                                 navigationTree: treeItem.children,
  81.                                 level: level+1,
  82.                                 page: page,
  83.                                 isNavBrands: isNavBrands
  84.                             } only %}
  85.                             <hr>
  86.                         {% endif %}
  88.                         {% block layout_navigation_categories_resources %}
  89.                             {% if config('ChespackTheme.config.enableRelatedResourcesInNavigation') == true %}
  90.                                 {% sw_include '@Storefront/storefront/layout/navigation/categories-resources.html.twig' with {
  91.                                     name: name
  92.                                 } only %}
  93.                             {% endif %}
  94.                         {% endblock %}
  96.                     {% endif %}
  97.                 </div>
  99.             {% endblock %}
  100.         {% endfor %}
  101.     </div>
  102. {% endblock %}