whmcsCrosterTemplates/overwrites/front/productlistone.tpl

<!-- Template Product List One croster/overwrites/front/productlistone.tpl -->

{if $block.ptstyle == ''}

{if $block.bstyle == ''}
<section class="products{if $blockkey == "1" || $blockkey == "2"} margin-up{/if}{if $block.bgcolor != ""} {$block.bgcolor}{/if}{if $block.borders != ""} {$block.borders}{/if}">
    <div class="container">
        <div class="cros-pricing-container">
            <div class="pricing-slider" id="pricing-tables-{$blockkey}">
                {if count($block.table) > 0}
				{foreach from=$block.table item=$ditem key=$kk}
					<div class="slide-item" id="products-{$ditem@iteration}">
						<div class="cros-pricing-table{if $block.ststyle !== ""} {$block.ststyle}{/if}{if $block.noshadow} no-shadow{/if}{if $block.tablebg == "light"} light{elseif $block.tablebg == "primary"} bg-primary{elseif $block.tablebg == "dark"} dark{else} white{/if} fixed-height{if $ditem['Featured']} active{/if}">							
							<h4>{$ditem['productdetails']['name']}</h4>
							{if $ditem['Featured']}
								<div class="st-sm">
									{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
								</div>
							{/if}
							
							{if $block.descp == ""}
								 {if count($ditem['productdetails']['description']['features']) > 0}
								    {if $ditem['productdetails']['description']['featuresdesc']}  
									 <div class="desc">{$ditem['productdetails']['description']['featuresdesc']}</div>
								    {/if}
								 {/if}
							 {/if}
							 
							<div class="price">								
								{if $ditem["price"] != 'FREE'}
									{assign var="ccurrency" value=$ditem["productdetails"]["price"]["price"]->getCurrency()}
									<span class="prefix">{$ccurrency["prefix"]}&nbsp;</span>
									<span class="dollar">{$ditem["productdetails"]["price"]['dollars']}</span><span class="cents">.{$ditem["productdetails"]["price"]['cents']}</span>
									<span class="suffix">{$ccurrency["suffix"]}</span>
								{else}
									<h3 class="no-margin"><mark>{$WLANG.orderfree}</mark></h3>
								{/if}
								{if $ditem["billingcycle"] != ""}
									<span class="cycle">/{$ditem["billingcycle"]}</span>
								{elseif $ditem["productdetails"]["price"]["cycle"] == "onetime"}
									<span class="cycle">{$WLANG.orderpaymenttermonetime}</span>
								{/if}
							</div>
							
							{*
							{if $taxtype}
								<div class="small text-muted"><span><i class="fal fa-plus"></i></span>TAX {$taxtype}</div>
							{/if}
							*}
							
							{if $ditem["productdetails"]["price"]["setupFee"]}
								<div class="small text-muted"><span><i class="fal fa-plus"></i></span> {$ditem["productdetails"]["price"]["setupFee"]} {$WLANG.ordersetupfee}</div>
							{/if}
							
							
                            {if $block.descp == "below"}
							    {if count($ditem['productdetails']['description']['features']) > 0}
								{if $ditem['productdetails']['description']['featuresdesc']}  
									<div class="desc">{$ditem['productdetails']['description']['featuresdesc']}</div>
								{/if}
							    {/if}								
							{/if}
							 
							<p class="PriceList-toggle collapsed" data-toggle="collapse" data-target="#PlanLists{$kk + 1}">
								<span>{$WLANG.clientareaviewdetails}</span>
							</p>
							
							{if $ditem['productdetails']['description']}
								{if count($ditem['productdetails']['description']['features']) > 0}
									<table class="plan-features{if $block.flisticon == "check-list"} check-list{elseif $block.flisticon == "check-circle"} check-circle{elseif $block.flisticon == "check-square"} check-square{elseif $block.flisticon == "arrows"} arrows{else}{/if} collapse" style="padding-top:0px; padding-bottom: 15px;" id="PlanLists{$kk + 1}">
									    {foreach $ditem['productdetails']['description']['features'] as $feature => $value}
										<tr>
										    <td style="padding-right: 13px;"><b>{$feature}:</b></td>
										    <td>
											{if $value == "Ja"} <i class="far fa-check-square" style="font-size:14px"></i> 
											<span style="display:none; color:red; margin-top:15px; margin-left:28px; position:absolute; z-index:1000">Wird untersützt</span>
											{elseif $value == "Nein"} <i class="far fa-square" style="font-size:14px"></i> 
											<span style="display:none; color:red; margin-top:15px; margin-left:28px; position:absolute; z-index:1000">Wird nicht untersützt</span>
											{elseif $value == "Optional"} <i class="fas fa-plus" style="font-size:14px"></i> 
											<span style="display:none; color:red; margin-top:15px; margin-left:28px; position:absolute; z-index:1000">Ist optional Verfügbar</span>
											{else}
											{$value}
											{/if}
										    </td>
										</tr>
									    {/foreach} 
									</table>
									<!--
									<ul class="plan-features{if $block.flisticon == "check-list"} check-list{elseif $block.flisticon == "check-circle"} check-circle{elseif $block.flisticon == "check-square"} check-square{elseif $block.flisticon == "arrows"} arrows{else}{/if} collapse" id="PlanLists{$kk + 1}"> 
									  {foreach $ditem['productdetails']['description']['features'] as $feature => $value}
										  <li><b>{$feature}:</b> {$value}</li>
									   {/foreach} 
									</ul>
									-->
								{else}
									<div class="plan-features collapse" id="PlanLists{$kk + 1}">
										{$ditem['productdetails']['description']['original']}
									</div>
								{/if}
							{/if}
							{if $ditem['Featured']}
								<div class="sticker-wrapper">
									<div class="sticker">
										{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
									</div>
								</div>
							{/if}
							<a href="{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}javascript:void(0){else}cart.php?a=add&pid={$ditem['Plan']}{/if}" class="btn btn-primary{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']} disabled{/if}">
								{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}{$WLANG.outofstock}{elseif $block.btntext}{$block.btntext}{else}{$WLANG.addtocart}{/if}
							</a>
						</div>
					</div>    
				{/foreach}
				{/if}
			</div>
		</div>
	</div>
</section>

<script>
	jQuery(document).ready(function () {
		var slider = tns({
			container: "#pricing-tables-{$blockkey}",
			nav: true,
			controls: true,
			navPosition: 'bottom',
			controlsText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'],
			loop: false,
			responsive: {
				0: {
					items: 1
				},
				768: {
					items: 2
				},
				992: {
					items:{if $block.itemcounts == "2"} 2{else} 3{/if}
					
				},
				1200: {
					items:{if $block.itemcounts == ""} 3{else} {$block.itemcounts}{/if}
					
				}
			}
		});
		
		{if $blockkey <= "2"}
		if (jQuery('.mass-head .hero-bg-wrap').hasClass('small-header')) {
			jQuery('.products').removeClass('margin-up');
		}
		{/if}
	});
</script>

{else}

<section class="products{if $blockkey == "1" || $blockkey == "2"} margin-up mbo{/if}{if $block.bgcolor != ""} {$block.bgcolor}{/if}{if $block.borders != ""} {$block.borders}{/if}">
    <div class="container">
        <div class="cros-pricing-container mbo">
            <div class="pricing-slider pricing-{$blockkey} row" id="pricing-tables-{$blockkey}">
                {if count($block.table) > 0}
				{foreach from=$block.table item=$ditem key=$kk}
					<div class="{if $block.itemcounts == "2"} col-md-6{elseif $block.itemcounts == "3"} col-md-6 col-lg-4 col-xl-4{elseif $block.itemcounts == "4"} col-md-6 col-lg-4 col-xl-3{/if} slide-item" id="products-{$ditem@iteration}">
						<div class="cros-pricing-table{if $block.ststyle !== ""} {$block.ststyle}{/if}{if $block.noshadow} no-shadow{/if}{if $block.tablebg == "light"} light{elseif $block.tablebg == "primary"} bg-primary{elseif $block.tablebg == "dark"} dark{else} white{/if} fixed-height{if $ditem['Featured']} active{/if}">							
							<div class="position-relative">
								<h4>{$ditem['productdetails']['name']}</h4>
								{if $ditem['Featured']}
									<div class="st-sm">
										{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
									</div>
									<div class="sticker-wrapper">
										<div class="sticker">
											{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
										</div>
									</div>
								{/if}
							</div>
							
							{if $block.descp == ""}
								 {if count($ditem['productdetails']['description']['features']) > 0}
								 {if $ditem['productdetails']['description']['featuresdesc']}  
									 <div class="desc">{$ditem['productdetails']['description']['featuresdesc']}</div>
								 {/if}
								 {/if}
							 {/if}
							 
							{if $ditem["billingcycle"] != ""}
							
							{if $block.bsco}
								{foreach $ditem["dropdown"] as $dropdownkey=>$dropdownprice}							
									{$ditem["dropdown"][$dropdownkey] = $dropdownprice|@array_reverse}
								{/foreach}
							{/if}
							
							<div class="billing-cycle-pricing fixed-height float{if $block.descp == "below"} desc_belwo{/if}">
								<div class="btn-group">
									<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
										{assign var="dropdownprice" value=$ditem["dropdown"][$ditem['Plan']][0] nocache}
										{assign var="defaultbilling" value=$dropdownprice['cycle'] nocache}
										{assign var="taxtype" value=$dropdownprice['taxtype'] nocache}	
										{assign var="hasconfigoptions" value=$dropdownprice['hasconfigoptions'] nocache}
										
										<div class="pricing_wrapr">
											{if $dropdownprice['save']}<div class="save_text"><mark>{$dropdownprice['save']}</mark></div>{/if}
											<div class="discounted_options">
												<div class="price_duration">
													{$dropdownprice['billingcycle']} @
												</div>
												{if $dropdownprice['save']}
												{if $dropdownprice['dollar']}
												<div class="regular_pricing{if $dropdownprice['save']} savecut{/if}">
													<span class="prefix">{$dropdownprice['prefix']}</span>
													<span class="dollar">{$dropdownprice['dollar']}</span>
													<span class="cents">.{$dropdownprice['cents']}</span>
													<span class="suffix">{$dropdownprice['suffix']}</span>
													<span class="cycle">{$dropdownprice['monthlycycle']}</span>
												</div>
												{/if}
												{/if}
											</div>
											<div class="current_prcing">
												<span class="prefix">{$dropdownprice['prefix']}</span>
												<span class="dollar">{$dropdownprice['monthlydollar']}</span>
												<span class="cents">.{$dropdownprice['monthlycents']}</span>
												<span class="suffix">{$dropdownprice['suffix']}</span>
												<span class="cycle">{$dropdownprice['monthlycycle']}</span>
												{if $dropdownprice['setup'] > 0}
													<div class="small text-muted">
														<span><i class="fal fa-plus"></i></span>
														<span>{$dropdownprice['prefix']}</span>
														{$dropdownprice['setup']}
														<span>{$dropdownprice['suffix']}</span>
														{$WLANG.ordersetupfee}
													</div>
												{/if}
											</div>
										</div>
										<span class="fas fa-angle-down"></span>
									</a>
									<ul class="dropdown-menu">
										
										{if $ditem["dropdown"][$ditem['Plan']]}										
										{foreach $ditem["dropdown"][$ditem['Plan']] as $dropdownprice}										

										<li class="billinging_wrapr" data-ultn-bilcycle="{$dropdownprice['cycle']}">
											<div class="pricing_wrapr">
												{if $dropdownprice['save']}<div class="save_text"><mark>{$dropdownprice['save']}</mark></div>{/if}
												<div class="discounted_options">
													<div class="price_duration">
														{$dropdownprice['billingcycle']} @
													</div>
													{if $dropdownprice['save']}
													{if $dropdownprice['dollar']}
													<div class="regular_pricing{if $dropdownprice['save']} savecut{/if}">
														<span class="prefix">{$dropdownprice['prefix']}</span>
														<span class="dollar">{$dropdownprice['dollar']}</span>
														<span class="cents">.{$dropdownprice['cents']}</span>
														<span class="suffix">{$dropdownprice['suffix']}</span>
														<span class="cycle">{$dropdownprice['monthlycycle']}</span>
													</div>
													{/if}
													{/if}
												</div>
												<div class="current_prcing">
													<span class="prefix">{$dropdownprice['prefix']}</span>
													<span class="dollar">{$dropdownprice['monthlydollar']}</span>
													<span class="cents">.{$dropdownprice['monthlycents']}</span>
													<span class="suffix">{$dropdownprice['suffix']}</span>
													<span class="cycle">{$dropdownprice['monthlycycle']}</span>
													{if $dropdownprice['setup'] > 0}
														<div class="small text-muted">
															<span><i class="fal fa-plus"></i></span>
															<span>{$dropdownprice['prefix']}</span>
															{$dropdownprice['setup']}
															<span>{$dropdownprice['suffix']}</span>
															{$WLANG.ordersetupfee}
														</div>
													{/if}
												</div>
											</div>
										</li>
										{/foreach}										
										{/if}
									</ul>
								</div>
							</div>
							{else}
							<div class="price">								
								{if $ditem["price"] != 'FREE'}
									{assign var="ccurrency" value=$ditem["productdetails"]["price"]["price"]->getCurrency()}
									<span class="prefix">{$ccurrency["prefix"]}</span>
									<span class="dollar">{$ditem["productdetails"]["price"]['dollars']}</span><span class="cents">.{$ditem["productdetails"]["price"]['cents']}</span>
									<span class="suffix">{$ccurrency["suffix"]}</span>
								{else}
									<h3 class="no-margin"><mark>{$WLANG.orderfree}</mark></h3>
								{/if}
								{if $ditem["billingcycle"] != ""}
									<span class="cycle">/{$ditem["billingcycle"]}</span>
								{elseif $ditem["productdetails"]["price"]["cycle"] == "onetime"}
									<span class="cycle">{$WLANG.orderpaymenttermonetime}</span>
								{/if}
							</div>
							{/if}
							
							{*
							{if $taxtype}
								<div class="small text-muted"><span><i class="fal fa-plus"></i></span>TAX {$taxtype}</div>
							{/if}
							*}
							
                            {if $block.descp == "below"}
								{if count($ditem['productdetails']['description']['features']) > 0}
								{if $ditem['productdetails']['description']['featuresdesc']}  
									<div class="desc">{$ditem['productdetails']['description']['featuresdesc']}</div>
								{/if}
								{/if}								
							{/if}
							 
							<a href="{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}javascript:void(0){else}cart.php?a=add&pid={$ditem['Plan']}{if $ditem["billingcycle"] != ""}&billingcycle={$defaultbilling}{/if}{/if}" class="btn btn-primary{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']} disabled{/if}">
								{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}{$WLANG.outofstock}{elseif $block.btntext}{$block.btntext}{else}{$WLANG.addtocart}{/if}
							</a>
							<p class="PriceList-toggle collapsed" data-toggle="collapse" data-target="#PlanLists{$kk + 1}">
								<span>{$WLANG.clientareaviewdetails}</span>
							</p>
							
							{if $ditem['productdetails']['description']}
								{if count($ditem['productdetails']['description']['features']) > 0}
									<ul class="plan-features{if $block.flisticon == "check-list"} check-list{elseif $block.flisticon == "check-circle"} check-circle{elseif $block.flisticon == "check-square"} check-square{elseif $block.flisticon == "arrows"} arrows{else}{/if} collapse" id="PlanLists{$kk + 1}"> 
									  {foreach $ditem['productdetails']['description']['features'] as $feature => $value}
										  <li><b>{$value}</b> {$feature}</li>
									   {/foreach} 
									</ul>
								{else}
									<div class="plan-features collapse" id="PlanLists{$kk + 1}">
										{$ditem['productdetails']['description']['original']}
									</div>
								{/if}
							{/if}
						</div>
					</div>					
				{/foreach}
				{/if}
			</div>
		</div>
	</div>
</section>

<script>
	jQuery(document).ready(function () {
		{if $blockkey <= "2"}
		if (jQuery('.mass-head .hero-bg-wrap').hasClass('small-header')) {
			jQuery('.products').removeClass('margin-up');
		}
		{/if}
		

		jQuery(".pricing-{$blockkey} .dropdown-menu li").click(function(){
		  var selText = jQuery(this).html();
		  jQuery(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="fas fa-angle-down"></span>');
		});

		jQuery('.pricing-{$blockkey} .billinging_wrapr').click(function(){
			var disBtnBilCycle = jQuery(this).attr('data-ultn-bilcycle');
			var disBtnUrlFetch = jQuery(this).closest('.pricing-{$blockkey} .cros-pricing-table').find('.btn-primary').attr('href');
			var promocode = disBtnUrlFetch.split('&promocode');
			var disBtnUrlRemv = disBtnUrlFetch.indexOf('&billingcycle');
			var disBtnUrlFinal = disBtnUrlFetch.substring(0, disBtnUrlRemv);
			var disBtnUrlFinal = disBtnUrlFinal+'&billingcycle='+disBtnBilCycle;
			if(promocode['1'])
			{
				var disBtnUrlFinal = disBtnUrlFinal+'&promocode'+promocode['1'];
			}
			jQuery(this).closest('.pricing-{$blockkey} .cros-pricing-table').find('.btn-primary').attr('href',disBtnUrlFinal);	
		});
	});
</script>

{/if}

{elseif $block.ptstyle == 'pts_1'}

<section class="products{if $blockkey == "1" || $blockkey == "2"} margin-up mbo{/if}{if $block.bgcolor != ""} {$block.bgcolor}{/if}{if $block.borders != ""} {$block.borders}{/if}">
    <div class="container">
        <div class="cros-pricing-container mbo">
            <div class="pricing-box pricing-{$blockkey}" id="pricing-tables-{$blockkey}">
				<table class="footable trns" id="footable-{$blockkey}">
				<tbody>
                {if count($block.table) > 0}
				{foreach from=$block.table item=$ditem key=$kk}
					<tr>
					<td>
					<div class="cros-pricing-table{if $block.ststyle !== ""} {$block.ststyle}{/if}{if $block.noshadow} no-shadow{/if}{if $block.tablebg == "light"} light{elseif $block.tablebg == "primary"} bg-primary{elseif $block.tablebg == "dark"} dark{else} white{/if} pt_st_4{if $ditem['Featured']} active{/if}">
						<div class="row no-gutters">

							<div class="col-md-4 col-lg-3">
								<div class="content">
									<h4 class="product-name">{$ditem['productdetails']['name']}</h4>												
									{if $ditem["billingcycle"] != ""}
									
									{if $block.bsco}
										{foreach $ditem["dropdown"] as $dropdownkey=>$dropdownprice}							
											{$ditem["dropdown"][$dropdownkey] = $dropdownprice|@array_reverse}
										{/foreach}
									{/if}
							
									<div class="billing-cycle-pricing float">
										<div class="btn-group">
											<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
												{assign var="dropdownprice" value=$ditem["dropdown"][$ditem['Plan']][0] nocache}
												{assign var="defaultbilling" value=$dropdownprice['cycle'] nocache}
												{assign var="taxtype" value=$dropdownprice['taxtype'] nocache}	
												{assign var="hasconfigoptions" value=$dropdownprice['hasconfigoptions'] nocache}
												
												<div class="pricing_wrapr">
													{if $dropdownprice['save']}<div class="save_text"><mark>{$dropdownprice['save']}</mark></div>{/if}
													<div class="discounted_options">
														<div class="price_duration">
															{$dropdownprice['billingcycle']} @
														</div>
														{if $dropdownprice['save']}
														{if $dropdownprice['dollar']}
														<div class="regular_pricing{if $dropdownprice['save']} savecut{/if}">
															<span class="prefix">{$dropdownprice['prefix']}</span>
															<span class="dollar">{$dropdownprice['dollar']}</span>
															<span class="cents">.{$dropdownprice['cents']}</span>
															<span class="suffix">{$dropdownprice['suffix']}</span>
															<span class="cycle">{$dropdownprice['monthlycycle']}</span>
														</div>
														{/if}
														{/if}
													</div>
													<div class="current_prcing">
														<span class="prefix">{$dropdownprice['prefix']}</span>
														<span class="dollar">{$dropdownprice['monthlydollar']}</span>
														<span class="cents">.{$dropdownprice['monthlycents']}</span>
														<span class="suffix">{$dropdownprice['suffix']}</span>
														<span class="cycle">{$dropdownprice['monthlycycle']}</span>
														{if $dropdownprice['setup'] > 0}
															<div class="small text-muted">
																<span><i class="fal fa-plus"></i></span>
																<span>{$dropdownprice['prefix']}</span>
																{$dropdownprice['setup']}
																<span>{$dropdownprice['suffix']}</span>
																{$WLANG.ordersetupfee}
															</div>
														{/if}
													</div>
												</div>
												<span class="fas fa-angle-down"></span>
											</a>
											<ul class="dropdown-menu">
												
												{if $ditem["dropdown"][$ditem['Plan']]}										
												{foreach $ditem["dropdown"][$ditem['Plan']] as $dropdownprice}										

												<li class="billinging_wrapr" data-ultn-bilcycle="{$dropdownprice['cycle']}">
													<div class="pricing_wrapr">
														{if $dropdownprice['save']}<div class="save_text"><mark>{$dropdownprice['save']}</mark></div>{/if}
														<div class="discounted_options">
															<div class="price_duration">
																{$dropdownprice['billingcycle']} @
															</div>
															{if $dropdownprice['save']}
															{if $dropdownprice['dollar']}
															<div class="regular_pricing{if $dropdownprice['save']} savecut{/if}">
																<span class="prefix">{$dropdownprice['prefix']}</span>
																<span class="dollar">{$dropdownprice['dollar']}</span>
																<span class="cents">.{$dropdownprice['cents']}</span>
																<span class="suffix">{$dropdownprice['suffix']}</span>
																<span class="cycle">{$dropdownprice['monthlycycle']}</span>
															</div>
															{/if}
															{/if}
														</div>
														<div class="current_prcing">
															<span class="prefix">{$dropdownprice['prefix']}</span>
															<span class="dollar">{$dropdownprice['monthlydollar']}</span>
															<span class="cents">.{$dropdownprice['monthlycents']}</span>
															<span class="suffix">{$dropdownprice['suffix']}</span>
															<span class="cycle">{$dropdownprice['monthlycycle']}</span>
															{if $dropdownprice['setup'] > 0}
																<div class="small text-muted">
																	<span><i class="fal fa-plus"></i></span>
																	<span>{$dropdownprice['prefix']}</span>
																	{$dropdownprice['setup']}
																	<span>{$dropdownprice['suffix']}</span>
																	{$WLANG.ordersetupfee}
																</div>
															{/if}
														</div>
													</div>
												</li>
												{/foreach}										
												{/if}
											</ul>
										</div>
									</div>
									{else}
									<div class="price">								
										{if $ditem["price"] != 'FREE'}
											{assign var="ccurrency" value=$ditem["productdetails"]["price"]["price"]->getCurrency()}
											<span class="prefix">{$ccurrency["prefix"]}</span>
											<span class="dollar">{$ditem["productdetails"]["price"]['dollars']}</span><span class="cents">.{$ditem["productdetails"]["price"]['cents']}</span>
											<span class="suffix">{$ccurrency["suffix"]}</span>
										{else}
											<h3 class="no-margin"><mark>{$WLANG.orderfree}</mark></h3>
										{/if}
										{if $ditem["billingcycle"] != ""}
											<span class="cycle">/{$ditem["billingcycle"]}</span>
										{elseif $ditem["productdetails"]["price"]["cycle"] == "onetime"}
											<span class="cycle">{$WLANG.orderpaymenttermonetime}</span>
										{/if}
									</div>
									{/if}
									
									{*
									{if $taxtype}
										<div class="small text-muted"><span><i class="fal fa-plus"></i></span>TAX {$taxtype}</div>
									{/if}
									*}
									
								</div>
								{if $ditem['Featured']}
									<div class="sticker-wrapper">
										<div class="sticker">
											{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
										</div>
									</div>
								{/if}								
							</div>
							
							
							<div class="col-md-5 col-lg-7">
								<div class="content">
									{if $ditem['Featured']}
										<div class="st-sm">
											{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
										</div>
									{/if}
									{if $ditem['productdetails']['description']}
										{if count($ditem['productdetails']['description']['features']) > 0}
											<ul class="plan-features{if $block.flisticon == "check-list"} check-list{elseif $block.flisticon == "check-circle"} check-circle{elseif $block.flisticon == "check-square"} check-square{elseif $block.flisticon == "arrows"} arrows{else}{/if}" id="PlanLists{$kk + 1}"> 
											  {foreach $ditem['productdetails']['description']['features'] as $feature => $value}
												  <li><b>{$value}</b> {$feature}</li>
											   {/foreach} 
											</ul>
										{else}
											<div class="plan-features" id="PlanLists{$kk + 1}">
												{$ditem['productdetails']['description']['original']}
											</div>
										{/if}
									{/if}
									
									{if count($ditem['productdetails']['description']['features']) > 0}
										{if $ditem['productdetails']['description']['featuresdesc']}  
											<div class="featured_desc">{$ditem['productdetails']['description']['featuresdesc']}</div>
										{/if}
									{/if}
								
								</div>
							</div>
							
							<div class="col-md-3 col-lg-2">
								<div class="content">
									<a href="{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}javascript:void(0){else}cart.php?a=add&pid={$ditem['Plan']}{if $ditem["billingcycle"] != ""}&billingcycle={$defaultbilling}{/if}{/if}" class="btn btn-primary btn-lg{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']} disabled{/if}">
										{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}{$WLANG.outofstock}{elseif $block.btntext}{$block.btntext}{else}{$WLANG.addtocart}{/if}
									</a>
								</div>
							</div>
						
						</div>
						
					</div>
					</td>
					</tr>					
				{/foreach}
				{/if}
				</tbody>
					<tfoot>
						<tr>
							<td class="text-center">
								<ul class="hide-if-no-paging pagination pagination-centered"></ul>
							</td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
	</div>
</section>

<script>
	jQuery(document).ready(function () {
		jQuery(function () {
			jQuery('#footable-{$blockkey}').footable();
		});
		
		{if $blockkey <= "2"}
		if (jQuery('.mass-head .hero-bg-wrap').hasClass('small-header')) {
			jQuery('.products').removeClass('margin-up');
		}
		{/if}
		
		jQuery(".pricing-{$blockkey} .dropdown-menu li").click(function(){
		  var selText = jQuery(this).html();
		  jQuery(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="fas fa-angle-down"></span>');
		});

		jQuery('.pricing-{$blockkey} .billinging_wrapr').click(function(){
			var disBtnBilCycle = jQuery(this).attr('data-ultn-bilcycle');			
			var disBtnUrlFetch = jQuery(this).closest('.pricing-{$blockkey} .cros-pricing-table').find('.btn-primary').attr('href');
			var promocode = disBtnUrlFetch.split('&promocode');
			var disBtnUrlRemv = disBtnUrlFetch.indexOf('&billingcycle');
			var disBtnUrlFinal = disBtnUrlFetch.substring(0, disBtnUrlRemv);
			var disBtnUrlFinal = disBtnUrlFinal+'&billingcycle='+disBtnBilCycle;
			if(promocode['1'])
			{
				var disBtnUrlFinal = disBtnUrlFinal+'&promocode'+promocode['1'];
			}
			jQuery(this).closest('.pricing-{$blockkey} .cros-pricing-table').find('.btn-primary').attr('href',disBtnUrlFinal);	
		});
	});
</script>


{elseif $block.ptstyle == 'pts_2'}

<section class="products{if $blockkey == "1" || $blockkey == "2"} margin-up mbo{/if}{if $block.bgcolor != ""} {$block.bgcolor}{/if}{if $block.borders != ""} {$block.borders}{/if}">
	<div class="section__plan_comparison">
		<div class="container">
			{if $blockkey >= "2"}
				{if $block.sectitle}<div class="h1 text-center" style="margin-bottom: 60px;">{$block.sectitle}</div>{/if}
			{/if}
			<div class="cros-pricing-container">
				<div class="cros-pricing-table no-animation{if $block.noshadow} no-shadow{/if}{if $block.tablebg == "light"} light{elseif $block.tablebg == "primary"} bg-primary{elseif $block.tablebg == "dark"} dark{else} white{/if}">
					<div class="plan plan-{$blockkey}">
						<div class="plan__column plan__column--empty">
							<div class="plan__header"></div>
							<div class="plan__body plan__body--right">
								{foreach from=$block.table|@array_column:'featurelist'|@array_count_values item=count key=featurelist}
									{$featurelist}
									<div class="plan__cell plan__cell-last"></div>
								{/foreach}
							</div>
						</div>
						
						<div class="swiper-button-next">
							<span class="btn__text">{$WLANG.tablepagesnext}</span>
							<span class="btn__icon"><i class="far fa-long-arrow-right"></i></span>
						</div>
						<div class="swiper-button-prev">
							<span class="btn__icon"><i class="far fa-long-arrow-left"></i></span>
							<span class="btn__text">{$WLANG.tablepagesprevious}</span>
						</div>
						
						<div class="swiper-container" id="plans-slider-{$blockkey}">
							<div class="swiper-wrapper">
								{if count($block.table) > 0}
								{foreach from=$block.table item=$ditem key=$kk}
								<div class="swiper-slide">
									<div class="plan__column" id="products-{$ditem@iteration}">
										<div class="plan__header">
											<h4>{$ditem['productdetails']['name']}</h4>
										</div>
										<div class="plan__body">
										

											{$ditem['featuresvalues']}
												
												
											<div class="plan__cell plan__cell-last pricing__cell">
												<div class="pricing plan__pricing">
													<div class="pricing__price">

														{if $ditem["dropdown"][$ditem['Plan']]|@count > "1" && $block.bstyle != ''}
														
														{if $block.bsco}
															{foreach $ditem["dropdown"] as $dropdownkey=>$dropdownprice}							
																{$ditem["dropdown"][$dropdownkey] = $dropdownprice|@array_reverse}
															{/foreach}
														{/if}
														
														<div class="billing-cycle-pricing">
															<div class="btn-group dropup">
																<a class="btn dropdown-toggle" data-toggle="dropdown" data-flip="false" href="#">
																	{assign var="dropdownprice" value=$ditem["dropdown"][$ditem['Plan']][0] nocache}
																	{assign var="defaultbilling" value=$dropdownprice['cycle'] nocache}
																	{assign var="taxtype" value=$dropdownprice['taxtype'] nocache}	
																	{assign var="hasconfigoptions" value=$dropdownprice['hasconfigoptions'] nocache}
																	
																	<div class="pricing_wrapr">
																		{if $dropdownprice['save']}<div class="save_text"><mark>{$dropdownprice['save']}</mark></div>{/if}
																		<div class="discounted_options">
																			<div class="price_duration">
																				{$dropdownprice['billingcycle']} @
																			</div>
																			{if $dropdownprice['save']}
																			{if $dropdownprice['dollar']}
																			<div class="regular_pricing{if $dropdownprice['save']} savecut{/if}">
																				<span class="prefix">{$dropdownprice['prefix']}</span>
																				<span class="dollar">{$dropdownprice['dollar']}</span>
																				<span class="cents">.{$dropdownprice['cents']}</span>
																				<span class="suffix">{$dropdownprice['suffix']}</span>
																				<span class="cycle">{$dropdownprice['monthlycycle']}</span>
																			</div>
																			{/if}
																			{/if}
																		</div>
																		<div class="current_prcing">
																			<span class="prefix">{$dropdownprice['prefix']}</span>
																			<span class="dollar">{$dropdownprice['monthlydollar']}</span>
																			<span class="cents">.{$dropdownprice['monthlycents']}</span>
																			<span class="suffix">{$dropdownprice['suffix']}</span>
																			<span class="cycle">{$dropdownprice['monthlycycle']}</span>
																			{if $dropdownprice['setup'] > 0}
																				<div class="small text-muted">
																					<span><i class="fal fa-plus"></i></span>
																					<span>{$dropdownprice['prefix']}</span>
																					{$dropdownprice['setup']}
																					<span>{$dropdownprice['suffix']}</span>
																					{$WLANG.ordersetupfee}
																				</div>
																			{/if}
																		</div>
																	</div>
																	<span class="fas fa-angle-down"></span>
																</a>
																<ul class="dropdown-menu">
																	
																	{if $ditem["dropdown"][$ditem['Plan']]}										
																	{foreach $ditem["dropdown"][$ditem['Plan']] as $dropdownprice}										

																	<li class="billinging_wrapr" data-ultn-bilcycle="{$dropdownprice['cycle']}">
																		<div class="pricing_wrapr">
																			{if $dropdownprice['save']}<div class="save_text"><mark>{$dropdownprice['save']}</mark></div>{/if}
																			<div class="discounted_options">
																				<div class="price_duration">
																					{$dropdownprice['billingcycle']} @
																				</div>
																				{if $dropdownprice['save']}
																				{if $dropdownprice['dollar']}
																				<div class="regular_pricing{if $dropdownprice['save']} savecut{/if}">
																					<span class="prefix">{$dropdownprice['prefix']}</span>
																					<span class="dollar">{$dropdownprice['dollar']}</span>
																					<span class="cents">.{$dropdownprice['cents']}</span>
																					<span class="suffix">{$dropdownprice['suffix']}</span>
																					<span class="cycle">{$dropdownprice['monthlycycle']}</span>
																				</div>
																				{/if}
																				{/if}
																			</div>
																			<div class="current_prcing">
																				<span class="prefix">{$dropdownprice['prefix']}</span>
																				<span class="dollar">{$dropdownprice['monthlydollar']}</span>
																				<span class="cents">.{$dropdownprice['monthlycents']}</span>
																				<span class="suffix">{$dropdownprice['suffix']}</span>
																				<span class="cycle">{$dropdownprice['monthlycycle']}</span>
																				{if $dropdownprice['setup'] > 0}
																					<div class="small text-muted">
																						<span><i class="fal fa-plus"></i></span>
																						<span>{$dropdownprice['prefix']}</span>
																						{$dropdownprice['setup']}
																						<span>{$dropdownprice['suffix']}</span>
																						{$WLANG.ordersetupfee}
																					</div>
																				{/if}
																			</div>
																		</div>
																	</li>
																	{/foreach}										
																	{/if}
																</ul>
															</div>
														</div>
														{else}
														<div class="price">								
															{if $ditem["price"] != 'FREE'}
																{assign var="ccurrency" value=$ditem["productdetails"]["price"]["price"]->getCurrency()}
																<span class="prefix">{$ccurrency["prefix"]}</span>
																<span class="dollar">{$ditem["productdetails"]["price"]['dollars']}</span><span class="cents">.{$ditem["productdetails"]["price"]['cents']}</span>
																<span class="suffix">{$ccurrency["suffix"]}</span>
															{else}
																<h3 class="no-margin"><mark>{$WLANG.orderfree}</mark></h3>
															{/if}
															{if $ditem["billingcycle"] != ""}
																<span class="cycle">/{$ditem["billingcycle"]}</span>
															{elseif $ditem["productdetails"]["price"]["cycle"] == "onetime"}
																<span class="cycle">{$WLANG.orderpaymenttermonetime}</span>
															{/if}
														</div>
														{/if}



													</div>
												</div>
												<a href="{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}javascript:void(0){else}cart.php?a=add&pid={$ditem['Plan']}{if $ditem["dropdown"][$ditem['Plan']]|@count > "1" && $block.bstyle != ''}{if $ditem["billingcycle"] != ""}&billingcycle={$defaultbilling}{/if}{/if}{/if}" class="btn btn-block btn-primary{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']} disabled{/if}">
													{if $ditem['stockControlEnabled'] && !$ditem['quantityInStock']}{$WLANG.outofstock}{elseif $block.btntext}{$block.btntext}{else}{$WLANG.addtocart}{/if}
												</a>
											</div>
										</div>
										
										{if $ditem['Featured']}
											<div class="sticker-wrapper">
												<div class="sticker">
													{if $block.featured}{$block.featured}{else}{$WLANG.featuredProduct}{/if}
												</div>
											</div>
										{/if}
									</div>
								</div>
								{/foreach}
								{/if}
							</div>
							
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<script>
	jQuery(document).ready(function () {
		var swiper = new Swiper('#plans-slider-{$blockkey}', {
		  slidesPerView: 1,
		  spaceBetween: 0,
		  // init: false,
		  pagination: {
			el: '.swiper-pagination',
			dynamicBullets: true,
		  },
		  navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		  },
		  breakpoints: {
			0: {
				slidesPerView: 1,
			},
			768: {
			  slidesPerView: 2,
			},
			992: {
			  slidesPerView: {if $block.itemcounts == "2"} 2{else} 3{/if},
			},
			1200: {
			  slidesPerView: {if $block.itemcounts == ""} 3{else} {$block.itemcounts}{/if},
			},
		  }
		  
		});
		
		{if $blockkey <= "2"}
		if (jQuery('.mass-head .hero-bg-wrap').hasClass('small-header')) {
			jQuery('.products').removeClass('margin-up');
		}
		{/if}
		
		{if $ditem["dropdown"][$ditem['Plan']]|@count > "1" && $block.bstyle != ''}
		jQuery(".plan-{$blockkey} .dropdown-menu li").click(function(){
		  var selText = jQuery(this).html();
		  jQuery(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="fas fa-angle-down"></span>');
		});

		jQuery('.plan-{$blockkey} .billinging_wrapr').click(function(){
			var disBtnBilCycle = jQuery(this).attr('data-ultn-bilcycle');
			var disBtnUrlFetch = jQuery(this).closest('.plan-{$blockkey} .plan__body').find('.btn-primary').attr('href');			
			var promocode = disBtnUrlFetch.split('&promocode');
			var disBtnUrlRemv = disBtnUrlFetch.indexOf('&billingcycle');
			var disBtnUrlFinal = disBtnUrlFetch.substring(0, disBtnUrlRemv);
			var disBtnUrlFinal = disBtnUrlFinal+'&billingcycle='+disBtnBilCycle;
			if(promocode['1'])
			{
				var disBtnUrlFinal = disBtnUrlFinal+'&promocode'+promocode['1'];
			}
			jQuery(this).closest('.plan-{$blockkey} .plan__body').find('.btn-primary').attr('href',disBtnUrlFinal);	
		});
		{/if}
	});
</script>

{/if}