{if $recentItems|count>0}
<div class="row">
	<div class="recent-item col-12 col-md-5 col-lg-3 vertical">
		<h3 class="h5 pl-3 mb-3">{$language.lblRecentlyViewedItems}</h3>


		{assign var="key" value=1}
		{assign var="recenetViewCount" value=$recentItems|count} 
		{assign var="productID" value=$productID|default:''}
		<div class="recommend-slick-left">
			{foreach from=$recentItems item="recentProducts" key=k } 
				{if $recentProducts.productID != $productID} 
					{assign var="key" value={$key+1}}
				{if $k==0}
					{assign var="activeClass" value="active"}
				{else}
					{assign var="activeClass" value=""}
				{/if}
				{assign var="catalog" value=$catalog|default:''}
				<div class="list recommendthis pos-rel {$activeClass}" product_id="{$recentProducts.productID}"> 
					<div class="clearfix p-2">
						<div class="tumbImgbx pull-left">
						{html->anchor href="{$recentProducts.productID|sef_path:'product':$catalog}" caption="<img src='{$view_public_path}/uploads/catalog/product/small/{$recentProducts.productImage}' width='75' height='75' class='img-responsive'  />"}
						</div>
						<div class="tumbimgCaption product-info-block pull-left ">
						{html->anchor href="{$recentProducts.productID|sef_path:'product':$catalog}" class="text-color mb-1 d-block" caption="{$recentProducts.productTitle|truncate:40}"}
                            <span class="price-box">
					{if $recentProducts.productOptionRegularPrice neq $recentProducts.offerPrice}
						<del>{$recentProducts.productOptionRegularPrice|price:'':$recentProducts.productDefaultCurrency:$currentCurrencyID}</del> {/if}
						<strong>{$recentProducts.offerPrice|price:'':$recentProducts.productDefaultCurrency:$currentCurrencyID}
						</strong>
                            </span>
						</div>
					</div>
				</div>
				{/if} 
			{/foreach}
		</div>
	</div>
	<div class="recommentation col-12 col-md-7 col-lg-9" id="recommend-outer-div">
	   {*include file='AjaxRecommendProducts.tpl'*} 
	</div>
</div>
{/if} 
