{if $images|@count > 0}
	{block name="snippets_product_info_images_product_images_image"}
		<div class="product-info-image {if 'SHOW_ZOOM'|gm_get_conf === 'true'}has-zoom{/if}" {if 'SHOW_ZOOM'|gm_get_conf === 'true'}data-gambio-widget="{if 'GALLERY_LIGHTBOX'|gm_get_conf === 'true'}image_gallery_lightbox{else}image_gallery{/if} magnifier" data-magnifier-target=".magnifier-target"{else}data-gambio-widget="{if 'GALLERY_LIGHTBOX'|gm_get_conf === 'true'}image_gallery_lightbox{else}image_gallery{/if}"{/if}>
			<div class="product-info-image-inside">
				{include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_image_swiper" startWidget="true" swiperImages=$images swiperControls="#product_thumbnail_swiper, #product_thumbnail_swiper_mobile" swiperOptions=", \"effect\": \"fade\", \"autoplay\": null"}
			</div>
		</div>
	{/block}
{/if}

{if $thumbnails|@count > 1}
	{block name="snippets_product_info_images_product_images_thumbnails"}
		<div class="product-info-thumbnails hidden-xs hidden-sm swiper-vertical">
			{include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_thumbnail_swiper" startWidget="true" swiperImages=$thumbnails swiperTarget="#product_image_swiper" swiperOptions=", \"spaceBetween\": 10, \"loop\": false, \"direction\": \"vertical\", \"slidesPerView\": 4, \"autoplay\": null" additionalData="data-swiper-breakpoints=\"[]\""}
		</div>
		<div class="product-info-thumbnails-mobile col-xs-12 visible-xs-block visible-sm-block">
			{include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_thumbnail_swiper_mobile" startWidget="true" swiperImages=$thumbnails swiperTarget="#product_image_swiper" swiperOptions=", \"spaceBetween\": 10, \"loop\": false, \"direction\": \"horizontal\", \"slidesPerView\": 4, \"autoplay\": null" additionalData="data-swiper-breakpoints=\"[]\""}
		</div>
	{/block}
{/if}