{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
{% block element_image_gallery_inner_thumbnails_col %}
{% if imageCount > 1 %}
<div class="gallery-slider-thumbnails-col order-2">
<div class="gallery-slider-thumbnails"
data-gallery-slider-thumbnails="true">
{% for image in mediaItems %}
<div class="gallery-slider-thumbnails-item">
<div class="gallery-slider-thumbnails-item-inner">
{% set attributes = {
'class': 'gallery-slider-thumbnails-image',
'alt': (image.translated.alt ?: fallbackImageTitle),
'title': (image.translated.title ?: fallbackImageTitle)
} %}
{% if isProduct %}
{% set attributes = attributes|merge({ 'itemprop': 'image' }) %}
{% endif %}
{% sw_thumbnails 'gallery-slider-thumbnails-image-thumbnails' with {
media: image,
sizes: {
'default': '200px'
}
} %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endblock %}