{% sw_extends "@Storefront/storefront/element/cms-element-image-gallery.html.twig" %}
{% block element_image_gallery_inner_control_prev_icon %}
{% sw_icon 'arrow-left' style {
'namespace': "CytexTheme",
'pack': 'cytex',
'color': '#000000'
}
%}
{% endblock %}
{% block element_image_gallery_inner_control_next_icon %}
{% sw_icon 'arrow-right' style {
'namespace': "CytexTheme",
'pack': 'cytex',
'color': '#000000'
}
%}
{% endblock %}
{% block element_image_gallery_inner_col %}
<div class="gallery-slider-col{% if galleryPosition == "left" %} col order-1 order-md-2{% elseif galleryPosition == "underneath" %} col-12 order-1{% endif %}"
{% if zoomModal %}data-zoom-modal="true"{% endif %}>
{# option "magnifierOverGallery" shows zoom container over gallery #}
<div class="base-slider gallery-slider{% if navigationArrows == "outside" %} has-nav-outside{% endif %}{% if navigationDots == "outside" %} has-dots-outside{% endif %}{% if magnifierOverGallery %} js-magnifier-zoom-image-container{% endif %}">
{% if galleryBuybox or productDetail.site %}
{% block component_product_box_badges %}
{% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' with {
productDetail: {
site: true,
discount: true
}
}%}
{% endblock %}
{% endif %}
{% block element_image_gallery_inner_wrapper %}
{{ parent() }}
{% endblock %}
</div>
</div>
{% endblock %}
{% block element_image_gallery_inner_zoom_modal_wrapper %}
{% endblock %}