custom/static-plugins/EfbStorefront/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 teaser_field = 'custom_navigation_fields_is_teaser' %}
  5.     {% set link_text_overwrite = 'custom_navigation_fields_link_text' %}
  7.     {% if not level %}
  8.         {% set level = 2 %}
  9.     {% endif %}
  11.     {% set width = level < 3 ? 2 : 4 %}
  13.     <div class="navigation-flyout-category-section col-{{ width }}"
  14.          data-category-level="{{ level }}"
  15.          data-category-id="{{ root.id }}"
  16.          data-category-path="{{ root.path }}"
  17.          data-category-name="{{ root.translated.name }}"
  18.     >
  19.         {% if level > 2 and root.type is not same as 'folder' %}
  20.             {% if root.translated.customFields[link_text_overwrite] %}
  21.                 {% set name = root.translated.customFields[link_text_overwrite]|sw_sanitize %}
  22.             {% else %}
  23.                 {% set name = 'navigation.toCategoryPrefix'|trans({'%category%': root.translated.name}) %}
  24.             {% endif %}
  26.             <a class="nav-item nav-link navigation-flyout-link navigation-flyout-base-category-link"
  27.                href="{{ category_url(root) }}"
  28.                itemprop="url"
  29.                {% if category_linknewtab(root) %}target="_blank"{% endif %}
  30.                title="{{ name }}">
  31.                 <span itemprop="name">{{ name }}</span>
  32.             </a>
  33.         {% endif %}
  34.         {% for treeItem in navigationTree|filter(treeItem => not treeItem.category.customFields[teaser_field]) %}
  35.             {% set category = treeItem.category %}
  36.             {% set name = category.translated.name %}
  38.             {% block layout_navigation_categories_item %}
  39.                 {% block layout_navigation_categories_item_link %}
  40.                     {% if level < 4 and category.childcount > 0 %}
  41.                         <div class="nav-item nav-link navigation-flyout-link"
  42.                              data-category-id="{{ category.id }}"
  43.                              title="{{ name }}"
  44.                         >
  45.                             <span itemprop="name">{{ name }}</span>
  46.                             {% sw_icon 'chevron-right-s' style {'namespace': 'EfbStorefront'} %}
  47.                         </div>
  48.                     {% elseif category.type is not same as 'folder' %}
  49.                         <a class="nav-item nav-link navigation-flyout-link"
  50.                            href="{{ category_url(category) }}"
  51.                            itemprop="url"
  52.                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  53.                            title="{{ name }}">
  54.                             <span itemprop="name">{{ name }}</span>
  55.                         </a>
  56.                     {% endif %}
  57.                 {% endblock %}
  58.             {% endblock %}
  59.         {% endfor %}
  60.     </div>
  62.     {% if level < 4 %}
  63.         {% for treeItem in navigationTree|filter(treeItem => treeItem.category.childCount > 0) %}
  64.             {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  65.                 navigationTree: treeItem.children,
  66.                 root: treeItem.category,
  67.                 level: level + 1
  68.             } only %}
  69.         {% endfor %}
  70.     {% endif %}
  72.     <div class="navigation-flyout-teaser offset-{{ ( 4 - level ) * 4 }} col-2" data-category-id="{{ root.id }}">
  73.         {% for treeItem in navigationTree|filter(treeItem =>
  74.             treeItem.category.customFields[teaser_field] and treeItem.category.type is not same as 'folder'
  75.         ) %}
  76.             {% set category = treeItem.category %}
  77.             {% set name = category.translated.name %}
  79.             <div class="navigation-flyout-teaser-item">
  80.                 {% if category.media %}
  81.                     <div class="navigation-flyout-teaser-media">
  82.                         {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  83.                             media: category.media,
  84.                             sizes: {
  85.                                 'default': '310px'
  86.                             },
  87.                             attributes: {
  88.                                 'class': 'navigation-flyout-teaser-image',
  89.                                 'alt': (category.media.translated.alt ?: ''),
  90.                                 'title': (category.media.translated.title ?: ''),
  91.                                 'data-object-fit': 'cover'
  92.                             }
  93.                         } %}
  94.                     </div>
  95.                 {% endif %}
  96.                 <div class="navigation-flyout-teaser-name">
  97.                     <span itemprop="name">{{ name }}</span>
  98.                 </div>
  99.                 {% if category.translated.customFields[link_text_overwrite] %}
  100.                     {% set toTeaserText = category.translated.customFields[link_text_overwrite]|sw_sanitize %}
  101.                 {% else %}
  102.                     {% set teaserType = category.type %}
  103.                     {% if category.type is same as 'link' %}
  104.                         {% set teaserType = category.linkType|replace({'_p': 'P'}) %}
  105.                     {% endif %}
  107.                     {% set toTeaserText = ('navigation.toTeaserType' ~ (teaserType|capitalize))|trans|sw_sanitize %}
  108.                 {% endif %}
  110.                 <a class="nav-item nav-link navigation-flyout-link navigation-flyout-teaser-link"
  111.                    href="{{ category_url(category) }}"
  112.                    itemprop="url"
  113.                    {% if category_linknewtab(category) %}target="_blank"{% endif %}
  114.                    title="{{ toTeaserText }}">
  115.                     {{ toTeaserText }} {% sw_icon 'chevron-right-s' style {'namespace': 'EfbStorefront'} %}
  116.                 </a>
  117.             </div>
  118.         {% endfor %}
  119.     </div>
  120. {% endblock %}