{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
{% block element_image_gallery_alignment %}
{{ parent() }}
{# This element will never be shown and is only used to collect information about the correct image index per id #}
{# See here: src/Resources/app/storefront/src/plugins/easy-coupon-designs/SelectDesignPlugin.js #}
<div class="neti-ecd-media-item-reference-container d-none">
{% for image in mediaItems %}
{% if image.translated.netiEasyCouponDesignsId %}
<div
class="reference-item"
data-index="{{ loop.index }}"
data-id="{{ image.translated.netiEasyCouponDesignsId }}"
></div>
{% endif %}
{% endfor %}
</div>
{% endblock %}