{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}
{% block base_body_classes %}
{{ parent() }}
{% set activeCat = page.header.navigation.active %}
{% if activeCat.media %}
has-hero-image
{% endif %}
{% endblock %}
{% block base_flashbags %}
{% set activeCat = page.header.navigation.active %}
{% if activeCat.media %}
<div class="cms-page cms-pre-page">
<div class="cms-sections">
<div class="cms-section pos-0 cms-section-default" style="">
<div class="cms-section-default full-width">
<div class="cms-block pos-0 cms-block-image-cover" style="">
<div class="cms-block-container" style="">
<div class="cms-block-container-row row cms-row ">
<div class="col-12">
<div class="cms-element-image">
<div class="cms-image-container is-cover" style="min-height: 475px;">
{% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
media: activeCat.media,
sizes: {
'default': '1920px'
},
attributes: {
'class': 'cms-image',
'alt': (activeCat.media.translated.alt ?: ''),
'title': (activeCat.media.translated.title ?: ''),
'data-object-fit': 'cover'
}
} %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{{ parent() }}
{% endblock %}