{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
{% block element_image_gallery_inner_zoom_modal_slider_item_zoom_container %}
<div class="image-zoom-container" data-image-zoom="true">
{% block element_image_gallery_inner_zoom_modal_slider_item_image %}
{% sw_thumbnails 'gallery-slider-image-thumbnails' with {
media: image,
attributes: {
'class': 'gallery-slider-image js-image-zoom-element js-load-img',
'alt': (image.translated.alt ?: fallbackImageTitle),
'title': (image.translated.title ?: fallbackImageTitle)
},
load: false,
loadOriginalImage: true,
autoColumnSizes: false
} %}
{% endblock %}
</div>
{# Add label to slide #}
{% block element_image_gallery_inner_zoom_modal_slider_item_label %}
{% if image.translated.title != '' %}
<div class="gallery-slider-label">{{ image.translated.title }}</div>
{% endif %}
{% endblock %}
{% endblock %}