  		{assign var="listWidgetTabItems" value=$widgetTabs['listWidgetTabItems']}
  		{assign var="widgetTabID" value=$widgetTabs['widgetTabID']}
  		{assign var="listingType" value=$widgetTabs['listingType']}
  		{assign var="uniqueID" value=$widgetTabs['uniqueID']}
  		{assign var="viewMoreLabel" value=$widgetTabs['viewMoreLabel']}
  		{assign var="widgetDisplayedOn" value=$widgetTabs['widgetDisplayedOn']}
  		{assign var="enableViewMore" value=$widgetTabs['enableViewMore']}
  		{assign var="showItemLabel" value=$widgetTabs['showItemLabel']}
  		{assign var="widgetViewMoreLink" value=$widgetTabs['widgetViewMoreLink']}
  		{assign var="viewMoreLabelType" value=$widgetTabs['viewMoreLabelType']}
  		{assign var="widgetViewMoreLabel" value=$widgetTabs['widgetViewMoreLabel']}	
  		{if $listingType=='categories'}
  			{assign var="maxCount" value=ceil(count($listWidgetTabItems)/3)}
  		{else if $listingType=='brands'}
  			{assign var="maxCount" value=ceil(count($listWidgetTabItems)/8)}
  		{else}
  			{assign var="maxCount" value=ceil(count($listWidgetTabItems)/5)}
  		{/if}
    {assign var="listWidgetBundles" value=""}
    {assign var="ruleKey" value=""}
  <div class="wdgt-slider_{$uniqueID} wdgt-slider clearfix">
     {if $widgetTabs['listWidgetBundles']|default:''|count gt '0'}
               {assign var="listWidgetBundles" value=$widgetTabs['listWidgetBundles'][0]}               
               {assign var="ruleKey" value="{$listWidgetBundles['ruleKey']}"}
          {/if}
           {assign var="bundleID" value=$widgetTabs['bundleID']|default:0}
          {if $bundleID gt '0' && $listWidgetBundles|default:''|count gt '0' && $ruleKey neq ''}
      <div class="bundle col-lg-4 col-sm-5 col-xs-12" >
              {if $listWidgetBundles|default:''|count gt '0'}
                   <div class="imageBox p-3 noShadow">
				  
                      <div class="tag-bundle">{$language.lblBundleOffer|upper}</div>
                       <div class="offerPrice btn-primary">
                        {if $listWidgetBundles['percentOff']|default:''!=0}
                        <div class="discount  pull-right">
                  				{$listWidgetBundles['percentOff']|default:''}%
                  				<span>{$language.lblOff|upper}</span>
                        </div>
                        {/if}
                      </div>
					
                      <figure>
                           
                      {if $listWidgetBundles['promoImage'] neq ''}
                         {assign var="image" value="{$view_public_path}/uploads/bundle/product/{$listWidgetBundles['promoImage']}"}
                     {else}
                          {assign var="image" value="{$view_images}/not-av-img.gif"}
                      {/if}
                      {html->anchor href="bundle/{$listWidgetBundles['ruleKey']|default:''}" content="<img src='{$image}' class='img-fluid' alt='{$listWidgetBundles['ruleName']|default:''|truncate:35}' title='{$listWidgetBundles['ruleName']}'/>" class="no-anim"}
                     </figure>  
                      <div class="clearfix inr-btm-wrap">
                          {if $listWidgetBundles['ruleName']|default:'' neq ''}
                            <div class="product-info-block padding-top">
                                  <h2 class="productTitle">{html->anchor href="bundle/{$listWidgetBundles['ruleKey']|default:''}" content="{$listWidgetBundles['ruleName']|default:''|truncate:200}"}</h2>
                            </div>
                          {/if}
                           
                          <div class="pull-right text-center inr-btn">
                            <span class="bpfc h5style font-semibold text-center">{$listWidgetBundles['productCount']}</span> {$language.lblCartItems}<br>
                            {html->anchor href="bundle/{$listWidgetBundles['ruleKey']|default:''}" content="{$language.lblBuyNow|upper}" class="btn btn-primary  h5style font-semibold"}
                          </div>
                                                      <div class="margin-right pull-left text-center ysave">
                                                           {$language.lblYouSave}<br><span class="bpfc h5style font-semibold">{$listWidgetBundles['discountAmount']|default:''|price}</span>
                                                      </div>
                                                      <div class="inner-wrap2 pull-left padding-left">
                                                          <span class="bpfc offer-price h5style font-bold">{$listWidgetBundles['bundleProductPrice']|default:''|price}</span><br>
                             <del class="h6style font-semibold">{$listWidgetBundles['bundleProductRegPrice']|default:''|price}</del>
                                                      </div>
                      </div>
                  </div>
      </div>
            {/if}
          {/if}  
          <div class="widget-block {if $bundleID gt '0'}col-lg-8  col-sm-7 col-xs-12  bundle-wdgt-listing {else}full-width{/if}"> 
          <div class="row {if $bundleID == '0'}{if $tabCount==1}slide-me_{$uniqueID}{else}slide-me-withtab_{$uniqueID}{/if}{else}bundle-slide_{$uniqueID}{/if}">         
  	{foreach $listWidgetTabItems as $key=>$item}
  	<div class="slide {if $bundleID gt '0'} col-md-3 col-6{else}{/if}  margin-top {if $listingType=='brands'}brand-slide {else}{/if}">
  	<div class="imageBox p-3">
           <div class="image-thumb position-relative">
    			{if isset($item['itemFeaturedStatus']) && $item['itemFeaturedStatus']=='Yes'}
  					<span class='featured'>{$language.lblFeatured|upper}</span>
    			{/if}
    			{if $item.itemDiscount|default:0!='' && $item.itemDiscount|default:0 >=1}
            <div class="discont">
        				{$item.itemDiscount}<span>%</span> <span class="off">{$language.lblOff|upper}</span>
      				</div>
          {/if}
    {include file="catalog/default/FreeGift.tpl"}
  		<figure class="text-center">
  		{assign var="originCatalogID" value=$originCatalogID|default:''}
  			{if isset( $item['jerseyImage']) &&  $item['jerseyImage']!=''}
  				{assign var="image" value="{$view_public_path}/uploads/{$item['jerseyImage']}"}
  			{else if isset( $item['itemIcon']) &&  $item['itemIcon']!=''}
  				{assign var="image" value="{$view_public_path}/uploads/{$item['itemIcon']}"}
  			{else}
  				{assign var="image" value="{$view_images}/not-av-img.gif"}
  			{/if}
  			{if $listingType=="brands"}
  				{html->anchor  href="/brand/{$item.itemKey}" class="no-anim" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}" content="<img src='{$image}' width='150' height='75' class='img-fluid' alt='{$item['itemName']|truncate:35}' title='{$item['itemName']|truncate:35}'/>" }
  			{else if $listingType=='categories'}
  				{html->anchor  href="{$item.itemID|sef_path:'catalog'}" class="no-anim" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}"  content="<img src='{$image}' width='{$category_image_width}' height='{$category_image_height}' class='img-fluid' alt='{$item['itemName']|truncate:35}' title='{$item['itemName']|truncate:35}'/>"}
  			{else if $listingType=='teams'}
                 {assign var="team_url" value=$item.itemID|sef_path:'team'}
                 {if $team_url==''}{assign var="team_url" value='catalog/index/team/'|cat:{$item.itemKey}|cat:'/'}{/if}
  				{html->anchor  href="{$team_url}"  class="no-anim" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}" content="<img src='{$image}' width='{$category_image_width}' height='{$category_image_height}' class='img-fluid' alt='{$item['itemName']|truncate:35}' title='{$item['itemName']|truncate:35}'/>"}
  			{else}
  				{html->anchor  class="no-anim" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}"  href="{$item.itemID|sef_path:'product'}" content="<img src='{$image}' width='{$thumb_width}' height='{$thumb_height}' class='img-fluid' alt='{$item['itemName']|truncate:35}' title='{$item['itemName']|truncate:35}'/>"}

  			{/if}
            
  		</figure>
  		
        </div>
  		<div class="product-info-block {if $showItemLabel=='Yes'}show-label{/if} padding-top">
  		{if $showItemLabel=="Yes"}
  			{if $listingType=='brands'}
  				<h2 class="productTitle h6">
  				{html->anchor href="/brand/{$item.itemKey}" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}" content="{$item['itemName']|truncate:35}" class="text-muted"}
  				</h2>
  			{else if $listingType=='categories'}
  				<h2 class="productTitle h6">{html->anchor href="{$item.itemID|sef_path:'catalog'}" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}" content="{$item['itemName']|truncate:35}" class="text-muted"}
  				</h2>
  			
  			{else}
  			{*<h2 class="productTitle h6">{html->anchor href="{$item.itemID|sef_path:'product'}" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}" content="{$item['itemName']|truncate:40}" class="text-muted" }
  			</h2>*}
                        {if $item.sellAsBatch|default:'' eq 'Yes'}
                <span class="text-medium">{$language.lblSetof} {$item.qtyPerBatch} {$item.batchType}</span>
  			{else}
                <h2 class="productTitle h6 ">{html->anchor href="{$item.itemID|sef_path:'product'}" target="{if $widgetDisplayedOn eq 'facebook'}blank{/if}" content="{$item['itemName']|truncate:35}" class="text-muted" }
                </h2>
            {/if}
  			
  			{/if}
  		{/if}
            <div class="price-box">
  		{if isset($item['itemPrice']) && $item['itemPrice']!=''}
  		
  			{if $item['itemRegularPrice'] != $item['itemPrice']}
  				<del class="regular-price">{$item['itemRegularPrice']|default:''|price}</del>
  			{/if}
  			<strong class="bpfc price">{$item['itemPrice']|default:''|price}</strong>
  			
  		{/if}
               </div>         
  		</div>
                {if $listingType!='brands' && $listingType!='categories' && $listingType!='teams'}
      <div class="more-option py-2">
             
            {* {html->anchor href="{$resProduct.productID|sef_path:'product':$originCatalogID|default:0}" class="btn btn-default buynow_link" caption="<span class='icon-shopping-cart'></span>{$language.lblAddtoCart}"} *}           
            {if $item.itemOptionQuantitySum <1 && ($item.InventoryTrackLevel=='Product' || $item.InventoryTrackLevel=='Combination')} 
                 <div class="btn  btn-outline-secondary soldout">{$language.lblSoldOut}</div>
            {else} 

                {if $item.customOptionCount|default:'' > 0}
                    {html->anchor href="{$item.itemID|sef_path:'product'}" class="btn btn-primary btn-link  btn-block" caption="<span class='icon-shopping-cart mr-1'></span>{$language.lblAddtoCart}"}
                {else}
                    {assign var="relData" value=$item.itemID|cat:"-"|cat:$item.productOptionID|cat:"-"|cat:$item.businessID|default:0}                        
                    {html->anchor freecnt="{$item.freeProductsCount}" id="addfromlist" class="btn btn-primary btn-link buynow_link buynow btn-block" caption="<span class='icon-shopping-cart mr-1'></span>{$language.lblAddtoCart}" rel=$relData}
                {/if}
            {/if}
      </div>
            {/if}
  	</div>	
  	</div>

  	{/foreach}
              
    </div>	
     </div>
   
      </div>

    <script type="text/javascript">
      $(document).ready(function(){
          {if $tabCount>1}
        $(".slide-me-withtab_{$uniqueID}").not('.slick-initialized').slick({
          infinite: false,
          speed: 700,
          prevArrow: '<span class="icon-left-thin sli-arrow left"></span>',
          nextArrow: '<span class="icon-right-thin sli-arrow right"></span>',
          slidesToShow: 4,
          slidesToScroll: 4,
          dots:false ,
          arrows:true ,    
          responsive: [
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
              }
            },
            {
              breakpoint: 991,
              settings: {
                slidesToShow: 4,
                slidesToScroll: 4,
              }
            },
            {
              breakpoint: 800,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
              }
            },
            {
              breakpoint: 570,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
              }
            },
            {
              breakpoint: 360,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
              }
            }
          ]
        });
           {else}
           $(".slide-me_{$uniqueID}").not('.slick-initialized').slick({
          infinite: false,
          speed: 700,
          prevArrow: '<span class="icon-left-thin sli-arrow left"></span>',
          nextArrow: '<span class="icon-right-thin sli-arrow right"></span>',
          slidesToShow: 5,
          slidesToScroll: 5,
          dots:false ,
          arrows:true ,       
          responsive: [
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 4,
                slidesToScroll: 4,
              }
            },
            {
              breakpoint: 991,
              settings: {
                slidesToShow: 4,
                slidesToScroll: 4,
              }
            },
            {
              breakpoint: 800,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
              }
            },
            {
              breakpoint: 570,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
              }
            },
            {
              breakpoint: 360,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
              }
            }
          ]
        });
           
           {/if}
         {if $bundleID gt '0'}  
           $(".bundle-slide_{$uniqueID}").not('.slick-initialized').slick({
          infinite: false,
          speed: 700,
          prevArrow: '<span class="icon-left-thin sli-arrow left"></span>',
          nextArrow: '<span class="icon-right-thin sli-arrow right"></span>',
          slidesToShow: 3,
          slidesToScroll: 3,
          dots:false ,
          arrows:true ,       
          responsive: [
            {
              breakpoint: 1050,
              settings: {
                slidesToShow: 2,
                slidesToScroll:2,
              }
            },
             {
              breakpoint: 767,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
              }
            },
               {
              breakpoint: 570,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2
              }
            },
            {
              breakpoint: 400,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1
              }
            }
          ]
        });
            {/if}
           
      });
    </script>