thurdataOrderform/includes/products/style-2.tpl

<div id="order-standard_cart">	
	<div class="row">
		{if !$themesettings.general.themelayout}
			<div class="col-lg-3 d-none d-lg-block sidebar sidebar-primary hidden-xs hidden-sm{if $themesettings.clientarea.sidebars == "1"} default{/if}">
				{include file="orderforms/$carttpl/sidebar-categories.tpl"}
			</div>
		{/if}
		<div class="main-content col-lg-9">
			<div class="header-lined">
				<h1>
					{$productGroup.name}
				</h1>
				{if $productGroup.headline}
					<div class="text-muted mt-2">{$productGroup.headline}</div>
				{/if}
				{if $productGroup.tagline}
					<div class="text-muted mt-2">{$productGroup.tagline}</div>
				{/if}
			</div>
			
			
			{if $errormessage}
				<div class="alert alert-danger">
					{$errormessage}
				</div>
			{elseif !$productGroup}
				<div class="alert alert-info">
					{lang key='orderForm.selectCategory'}
				</div>
			{/if}
			
			<div class="space-32 d-none d-lg-block"></div>
			
			{include file="orderforms/$carttpl/sidebar-categories-collapsed.tpl"}
			
			<div class="products" id="products">
				<div class="row row-eq-height row-eq-height-lg cros-pricing-container">
					{foreach $products as $key => $product}
						{$idPrefix = ($product.bid) ? ("bundle"|cat:$product.bid) : ("product"|cat:$product.pid)}
						<div class="col-xl-4 col-lg-6">
							<div class="cros-pricing-table light {if $product.isFeatured}active{/if}" id="{$idPrefix}">
										
								<h4 id="{$idPrefix}-name">{$product.name}
									{if $product.stockControlEnabled}
										<span class="small text-muted">
											<br />{$product.qty} {$LANG.orderavailable}
										</span>
									{/if}								
								</h4>
								{if $product.featuresdesc}<div class="desc mb-0">{$product.featuresdesc}</div>{else}{/if}
												

								<div id="{$idPrefix}-price">
									{if $product.bid}
										<div class="small text-muted">{$LANG.bundledeal}</div>
										{if $product.displayprice}
											<span class="text-secondary bolder" style="font-size: 33px;">{$product.displayPriceSimple}</span>
										{/if}
									{/if}
									<div class="price d-block">
										{if $product.bid}
										{elseif $product.paytype eq "free"}
											<mark>{$LANG.orderfree}</mark>
										{elseif $product.paytype eq "onetime"}
											<span class="cost">{$product.pricing.minprice.simple}</span><br />{$LANG.orderpaymenttermonetime}
										{else}
										
											{if $product.pricing.hasconfigoptions}
												{$LANG.from}<br />
											{/if}
											
											<span class="cost">{$product.pricing.minprice.price}</span>
											<span class="cycle">{if $product.pricing.minprice.cycle eq "monthly"}
												/{$LANG.pricingCycleShort.monthly}
											{elseif $product.pricing.minprice.cycle eq "quarterly"}
												/{$LANG.pricingCycleShort.quarterly}
											{elseif $product.pricing.minprice.cycle eq "semiannually"}
												/{$LANG.pricingCycleShort.semiannually}
											{elseif $product.pricing.minprice.cycle eq "annually"}
												/{$LANG.pricingCycleShort.annually}
											{elseif $product.pricing.minprice.cycle eq "biennially"}
												/{$LANG.pricingCycleShort.biennially}
											{elseif $product.pricing.minprice.cycle eq "triennially"}
												/{$LANG.pricingCycleShort.triennially}
											{/if}</span>
													
										{/if}
									</div>
									
									{if $product.pricing.minprice.setupFee}
										<div class="small text-muted">({$product.pricing.minprice.setupFee->toPrefixed()} {$LANG.ordersetupfee})</div>
									{/if}
											
													
								</div>
								
								<a href="{if $themesettings.orderform.orderopc != ""}{$WEB_ROOT}/cart.php?a=add&{if $product.bid}bid={$product.bid}{else}pid={$product.pid}{/if}{else}{$product.productUrl}{/if}" class="btn btn-primary btn-block" style="margin-top: 10px;" id="{$idPrefix}-order-button"{if $product.hasRecommendations} data-has-recommendations="1"{/if}>
									{$LANG.ordernowbutton}
								</a>								
										
								<ul class="plan-features mt-3 mt-lg-0" id="PlanLists1">			
									{foreach $product.features as $feature => $value}
										<li id="{$idPrefix}-feature{$value@iteration}"><b>{$value}</b> {$feature}</li>
									{/foreach}
								</ul>
									
								{if $product.freedomain neq ""}
									<div class="mt-1 p-2 border rounded small text-muted text-center white border-secondary">{lang key="orderfreedomainonly"}</div>
								{/if}									
										
								{if $product.isFeatured}
								<!-- Popular plan sticker -->
									<div class="sticker-wrapper">
										<div class="sticker">
											{$LANG.featuredProduct}
										</div>
									</div>
								<!-- //End popular plan sticker-->
								{/if}					
									
							</div>
						</div>
					{/foreach}
				</div>
			</div>
			
			{if $productGroup.features|@count > 0}
				
				<div class="space-30"></div>
				
				<div class="block-s3 p-0">
					<div class="text-center">
						<h2 class="no-margin h3">{$LANG.orderForm.includedWithPlans}</h2>
					</div>
				</div>
					
				<hr class="separator"></hr>
				
				<div class="cart-features no-margin-top">							
					<div class="includes-features">
						<ul class="list-features">
							{foreach $productGroup.features as $features}
								<li>{$features.feature}</li>
							{/foreach}
						</ul>
					</div>
				</div>
			{/if}
		</div>
		{if $themesettings.general.themelayout}
		<div class="col-lg-3 d-none d-lg-block sidebar sidebar-primary hidden-xs hidden-sm{if $themesettings.clientarea.sidebars == "1"} default{/if}">
			{include file="orderforms/$carttpl/sidebar-categories.tpl"}
		</div>
		{/if}
	</div>
</div>

{include file="orderforms/{$carttpl}/recommendations-modal.tpl"}