{block name="product_listing"}
	<div class="productlist productlist-viewmode productlist-viewmode-grid row" data-gambio-widget="product_hover">
		{foreach item=PRODUCT from=$content_data.SWIPER_DATA.products}
			{block name="product_listing_product_image"}
				{product_images product_id=$PRODUCT.PRODUCTS_ID p_name=$PRODUCT.PRODUCTS_NAME p_image=$PRODUCT.PRODUCTS_IMAGE out=p_imgs }
			{/block}
			{block name="product_listing_product_ribbon"}
				{product_ribbons product_id=$PRODUCT.PRODUCTS_ID showManufacturerImages=$PRODUCT.showManufacturerImages showProductRibbons=$PRODUCT.showProductRibbons out=ribbons}
			{/block}
		
			{block name="product_listing_product"}
				{include file="get_usermod:{$content_data.SWIPER_DATA.productTemplate}"
					is_swiper="true"
					showRating=$content_data.SWIPER_DATA.showRating
					ribbons=$ribbons
					p_image=$PRODUCT.PRODUCTS_IMAGE
					p_imgs=$p_imgs
					p_url=$PRODUCT.PRODUCTS_LINK
					p_img_title=$PRODUCT.PRODUCTS_IMAGE_ALT
					p_img_alt=$PRODUCT.PRODUCTS_IMAGE_ALT
					p_meta=$PRODUCT.SHORTENED_META_DESCRIPTION
					p_name_full=$PRODUCT.PRODUCTS_NAME
					p_headline=$PRODUCT.HEADLINE
					p_short_desc=$PRODUCT.SHORTENED_PRODUCTS_DESCRIPTION
					p_price=$PRODUCT.PRODUCTS_PRICE
					p_vpe=$PRODUCT.PRODUCTS_VPE
					p_shipping_name=$PRODUCT.DELIVERY
					data_index=$PRODUCT.INDEX
					p_id=$PRODUCT.PRODUCTS_ID
				}
			{/block}
		{/foreach}
	
		{block name="snippets_product_listing_listing_product_mustache"}
			<script type="text/mustache">
				<template>
					{* MUSTACHE TEMPLATE START *}
					{literal}
						{{#.}}
							<div class="swiper-slide {{className}}">
								<div class="swiper-slide-inside">
									<img class="img-responsive" {{{srcattr}}} alt="{{title}}" title="{{title}}" data-magnifier-src="{{src}}" />
								</div>
							</div>
						{{/.}}
					{/literal}
					{* MUSTACHE TEMPLATE END *}
				</template>
			</script>
		{/block}
	</div>
{/block}