{config_load file="$language/lang_$language.conf" section="boxes"}

<div class="promo-prod position-relative">
	{if $PRODUCTS.0.box_content.PRICE_SPECIAL_PERCENT}
	<div class="promo-bar">
		-{$PRODUCTS.0.box_content.PRICE_SPECIAL_PERCENT|replace:'.00':''}%
	</div>
	{/if}
	<div class="promo-img">
		<img class=" w-100" src="{$PRODUCTS.0.box_content.PRODUCTS_IMAGE_INFO}">
	</div>
	<div class="promo-nav">
		<div class="image-group">
			<a class="btn btn-outline-secondary btn-block float-start w-40" href="images/product_images/popup_images/{$PRODUCTS.0.box_content.PRODUCTS_ID}_1.jpg">Galerie</a>
			<a href="images/product_images/info_images/{$PRODUCTS.0.box_content.PRODUCTS_ID}_2.jpg"></a>
			<a href="images/product_images/info_images/{$PRODUCTS.0.box_content.PRODUCTS_ID}_3.jpg"></a>
			<a href="images/product_images/info_images/{$PRODUCTS.0.box_content.PRODUCTS_ID}_4.jpg"></a>
			</div>
			<a href="#" class="btn btn-secondary d-inline-block w-20 favorite" data-fav-id="{$PRODUCTS.0.box_content.PRODUCTS_ID}" data-fav="{$PRODUCTS.0.box_content.PRODUCTS_NAME},{$PRODUCTS.0.box_content.PRODUCTS_LINK},images/product_images/info_images/{$PRODUCTS.0.box_content.PRODUCTS_ID}_1.jpg#+#"><i class="fas fa-heart"></i></a>		
	<a class="btn btn-primary btn-block w-40 float-end" href="{$PRODUCTS.0.box_content.PRODUCTS_LINK}">Zum Produkt</a>
	<div class=" clearfix"></div>
	</div>
	<div class="promo-date">
	<span>13</span> Tage <span>5</span> Stunden <span>18</span> Minuten
	</div>
	<div class="promo-body">
		<h6>{$PRODUCTS.0.box_content.PRODUCTS_NAME}</h6>
		<div class="price"> {$PRODUCTS.0.box_content.PRODUCTS_PRICE} </div>
	</div>
</div>