{% sw_extends '@Storefront/storefront/layout/navigation/categories.html.twig' %}
{% block layout_navigation_categories_item %}
<div class="{% if level == 0 %}{% if navigationMedia %}col-4 {% else %}col-2 {% endif %}{% endif %}navigation-flyout-col">
{% block layout_navigation_categories_item_link %}
{% if treeItem.category.media %}
<a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}"
href="{% if link %}{{ link }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: id }) }}{% endif %}"
title="{{ treeItem.category.translated.name ?: '' }}">
{% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
media: treeItem.category.media,
sizes: {
'default': '310px'
},
attributes: {
'class': 'category-nav-image mb-2',
'alt': (treeItem.category.translated.name ?: ''),
'title': (treeItem.category.translated.name ?: ''),
'data-object-fit': 'cover'
}
} %}
</a>
{% endif %}
{{ parent() }}
{% endblock %}
{% block layout_navigation_categories_recoursion %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}