custom/plugins/KkTheme/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 = 0 %}
  6.     {% if not className %}
  7.         {% set className = "navigation-flyout-category-item" %}
  8.     {% endif %}
  11.     {% if not level %}
  12.         {% set level = 0 %}
  13.     {% endif %}
  14.     {% set activeId = page.header.navigation.active.id %}
  16.     {% if page.product is defined %}
  17.         {% set activePath = page.product.categoryTree %}
  18.     {% else %}
  19.         {% set activePath = page.header.navigation.active.path %}
  20.     {% endif %}
  22.     <div class="{% if level == 1 %}row {% endif %}{{ className }} is-level-{{ level }}">
  23.         <div class="col-6"><div class="row top-menu-block">
  24.             {% for treeItem in navigationTree %}
  25.                 {% set id = treeItem.category.id %}
  26.                 {% set name = treeItem.category.translated.name %}
  27.                 {% set link = category_url(treeItem.category) %}
  29.                 {% block layout_navigation_categories_item %}
  30.                     <div class="navigation-flyout-col col-topmenu">
  31.                         {% block layout_navigation_categories_item_link %}
  32.         
  33.                             {% if treeItem.category.media.url is not empty %}
  34.                                 {% set catImage = treeItem.category.media.url|replace({'/media/': '/thumbnail/', '.jpg' : '_150x150.jpg'}) %}
  35.                             {% else %}
  36.                                 {% set catImage = "" %}
  37.                             {% endif %}
  38.                             
  39.                             {% if treeItem.category.type == 'folder' %}
  40.                                 <div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
  41.                                      title="{{ name }}">
  42.                                     <span itemprop="name">{{ name }}</span>
  43.                                 </div>
  44.                             {% else %}
  45.                                 <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
  46.                                    href="{{ link }}"
  47.                                    itemprop="url"
  48.                                    {% if category_linknewtab(treeItem.category) %}target="_blank"
  49.                                        {% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
  50.                                    {% endif %}
  51.                                    title="{{ name }}">
  52.                                     <span class="image{% if catImage is not empty %} hasImage{% endif %}"
  53.                                         {% if catImage is not empty %}
  54.                                             style="background-image: url('{{ catImage }}');";
  55.                                         {% endif %}
  56.                                     ></span>
  57.                                     <span class="catName" itemprop="name">{{ name }}</span>
  58.                                 </a>
  59.                             {% endif %}
  60.                         {% endblock %}
  62.                         {% block layout_navigation_categories_recoursion %}
  63.                             {% if level < navigationMaxDepth %}
  64.                                 {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  65.                                     navigationTree: treeItem.children,
  66.                                     level: level + 1,
  67.                                     page: page
  68.                                 } only %}
  69.                             {% endif %}
  70.                         {% endblock %}
  71.                     </div>
  72.                 {% endblock %}
  73.             {% endfor %}
  74.         </div></div>
  75.         
  76.         <div class="col-6 top-image-block{% if catMainImage is not empty %} hasImage{% endif %}"
  77.             {% if catMainImage is not empty %}
  78.             style="background-image: url('{{ catMainImage }}')"
  79.             {% endif %}
  80.         >
  81.             <span>{{ catTopName }}</span>
  82.         </div>
  83.     </div>
  84. {% endblock %}