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

<div class="row contentHolder " data-equalizer  data-equalize-by-row="true">
	<div style="padding:0 15px 15px 15px" class="small-12"><h2 >Sonderangebote</h2></div>
	{foreach from=$PRODUCTS item=product}
		<article class="prodListBox small-6 medium-3 columns articleHolder">		
			<a href="{$product.PRODUCTS_LINK}">				
				<span class="articleImg" data-equalizer-watch>				
				{if $product.box_content.PRODUCTS_IMAGE}				
				<img alt="{$product.PRODUCTS_NAME}" src="{$product.PRODUCTS_IMAGE}" title="{$product.PRODUCTS_NAME}">
				{else}
				<img src="{$tpl_path}img/noimg.jpg" alt="kein Bild vorhanden" />
				{/if}
				</span>
				<span class="prodlistTitle">{$product.box_content.PRODUCTS_NAME|truncate:95:"...":true}</span>
				<span class="articlePrice">{$product.box_content.PRODUCTS_PRICE|replace:'<span class="xtc_price_special1">Alter Preis:</span>':''|replace:'<span class="xtc_price_special2">Neuer Preis:</span>':''}<div class="articleVPE">{$product.box_content.PRODUCTS_VPE|replace:'EUR':'&euro;'|replace:"pro":"/"}</div></span>
				
			</a>
		</article>
	{/foreach}
</div>