<div class="shadow border-radius-8">
<div class="detail-slider position-relative js-slider-area">
<div class="position-relative js-scroll-slider scroll-slider-container--detail">
<div class="scrolling-area--details scrolling-area js-scroll-slider__area js-drag">
{% for image in imageGallery %}
<div class="scrolling-area__item js-scroll-slider__item ratio ratio-3x2">
{% if image %}
{% set alt = product is instanceof('\\Pimcore\\Model\\DataObject\\Product') ? product.title : product.model %}
{{ image.thumbnail('product-detail-slider').getHtml({
imgAttributes: {
class: 'product-datail__img border-radius-8 ratio-item',
loading: 'eager'
},
defaultalt: alt,
})|raw }}
{% endif %}
</div>
{% endfor %}
</div>
<div class="js-scroll-slider__arrows scroll-slider__nav"></div>
</div>
</div>
</div>