<script id="CatelogGridTemplate" type="text/x-jsrender" >
		<li class="col-xs-3"  rel="product_[[>productID]]" uniqueID="[[>uniqueID]]" ><div class="bx-contr">
			<div class="imageBox">
           [[if featuredStatus=='Yes']]<span class='featured'>{$language.lblFeatured}</span>[[/if]]
            
				{html->anchor href="[[>requestPath]]" title=$language.lblViewDetails content="<img class='lazy img-responsive' data-original='{$view_public_path}/uploads/catalog/product/custom/[[>productImage]]' src='{$view_images}/lazyloader.gif' alt='[[>productTitle]]'>"}
                     
                     <div class="view-section">
                     [[if (~integer(productOptionQuantity)+ ~integer(productQuantityUnlimited)) <1]]
                    <div class="closedbx"><span class="closed-img">{$language.lblSoldOut}</span> </div>
                  [[else]]
                    
				
                  [[/if]]
                  </div>
				  <!-- days left starts -->
			[[if daysLeft>=0 && showCountTimer=='Yes']]
						<div class="dayLeft">
										[[if daysLeft>0]]
											<span class="digit">[[>daysLeft]]</span>
											[[if daysLeft>1]]
												<span class="dys-txt">{$language.lblDaysLeft}</span> 
											[[else]]	
												<span class="dys-txt">{$language.lblDayLeft}</span> 
											[[/if]]	
										[[else]]	
											<span class="dys-txt">{$language.lblEndToday}</span> 
										[[/if]]	
                                        
						</div>	
			[[/if]]
			<!-- days left ends --> 
			</div>
			<div class="productTitle deatils clearfix">
				{html->anchor 
					href="[[>requestPath]]" 
					class="slip" 
					content=" [[>~truncate(productTitle,40)]]"}
				<!-- <div class="subDiscrip">{if $resProduct.multiOptionsAvailable|default:'' eq 'Yes'}{$options.0.productOptionName|truncate:28}{/if}</div> -->
                
                <div class="clearfix">
				<div class="pull-left">[[if productOptionRegularPrice!=offerPrice]]
					<strike>[[>~getFormattedCurrency(productOptionRegularPrice,'')]]</strike>
				[[/if]]
				<span class="price">[[>~getFormattedCurrency(dealPrice,'')]]</span> 
				
				</div>
                [[if ~round(dealDiscount) >=1]]
                        <div class="discont"><span class="off"> {$language.lblOff}</span>
          [[>~round(dealDiscount)]]<span>%</span></div>                        
                    [[/if]]
                    [[if ~round(productOptionCashBack) > 0]]
                                    <span class="cashback">
                                        <span class="cash">[[>~getFormattedCurrency(productOptionCashBack,'')]]</span>
                                        <span class="rb_light">{$language.lblCashback}</span>
                                    </span>
                                   [[/if]]
                    </div>
                    [[if productReviewsCount>0]]
            <div class="ratingBx">
				<div class="starRating"><div class="rated" style="width:[[>ratingTotal/productReviewsCount*20]]%"></div></div>[ [[>productReviewsCount]] {$language.lblReviews}  ]
			 </div>[[/if]]
          <div class="view-section">
                     [[if (~integer(productOptionQuantity)+ ~integer(productQuantityUnlimited)) <1]]
                    <div class="closedbx"><span class="closed-img">{$language.lblSoldOut}</span> </div>
                  [[else]]
                  
                  [[/if]]
                  </div>
			<!-- rating starts -->
            
			 <!-- rating ends -->
			<!-- add to wishlist starts -->
            
            <!-- add to wish list ends -->
			
		</div></div></li>
</script>