{% sw_extends '@Storefront/storefront/layout/navigation/flyout.html.twig' %}
{% block layout_navigation_flyout_bar %}
{% if theme_config('zen-flyout-navigation-header') %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block layout_navigation_flyout_categories %}
<div class="{% if category.media and theme_config('zen-flyout-navigation-teaser') %}col-8 col-xl-9{% else %}col{% endif %}">
<div class="navigation-flyout-categories">
{{ block('layout_navigation_flyout_categories_recoursion') }}
</div>
</div>
{% endblock %}
{% block layout_navigation_flyout_teaser %}
{% if theme_config('zen-flyout-navigation-teaser') %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block layout_navigation_flyout_teaser_image %}
{% set attributes = {
'class': 'navigation-flyout-teaser-image',
'alt': (category.media.translated.alt ?: ''),
'title': (category.media.translated.title ?: ''),
'data-object-fit': 'cover'
} %}
{# ... enables lazy loading for images #}
{% if config('zenitPlatformHorizon.config.lazyloading') %}
{% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
{% endif %}
<a class="navigation-flyout-teaser-image-container"
href="{{ category_url(category) }}"
{% if category_linknewtab(category) %}target="_blank"{% endif %}
title="{{ name }}">
{% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
media: category.media,
sizes: {
'default': '310px'
}
} %}
</a>
{% endblock %}