|
|
@@ -1,5 +1,10 @@
|
|
|
{include file="orderforms/{$carttpl}/common.tpl"}
|
|
|
|
|
|
+<!-- Start of Template: orderforms/thurdata/products.tpl -->
|
|
|
+{*
|
|
|
+{debug}
|
|
|
+*}
|
|
|
+
|
|
|
{if count($products) < 4}
|
|
|
<style rel="stylesheet" type="text/css">
|
|
|
@media (min-width: 1400px) {
|
|
|
@@ -40,7 +45,7 @@
|
|
|
<div class="col-md-12">
|
|
|
{if file_exists("templates/orderforms/{$carttpl}/layouts/head.tpl")}
|
|
|
{else}
|
|
|
- <div class="header-lined">
|
|
|
+ <div class="header-lined">
|
|
|
<h1>
|
|
|
{$productGroup.name}
|
|
|
</h1>
|
|
|
@@ -50,10 +55,10 @@
|
|
|
{if $productGroup.tagline}
|
|
|
<p class="text-muted">{$productGroup.tagline}</p>
|
|
|
{/if}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
{/if}
|
|
|
|
|
|
- <div class="TM-categories-options justify-content-center">
|
|
|
+ <div class="TM-categories-options justify-content-center" style="padding-bottom:20px">
|
|
|
<form>
|
|
|
<select name="gid" id="gidForm" onchange="javascript:redirectToCartPage()" class="form-control">
|
|
|
<optgroup label="Product Categories">
|
|
|
@@ -78,6 +83,8 @@
|
|
|
</optgroup>
|
|
|
</select>
|
|
|
</form>
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
</div>
|
|
|
|
|
|
{if $errormessage}
|
|
|
@@ -90,114 +97,159 @@
|
|
|
</div>
|
|
|
{/if}
|
|
|
</div>
|
|
|
-
|
|
|
+ <style>
|
|
|
+ .flickity-slider {
|
|
|
+ height: 100%;
|
|
|
+ min-height: 100%;
|
|
|
+ }
|
|
|
+ .flickity-slider > div {
|
|
|
+ min-height: 100%;
|
|
|
+ }
|
|
|
+ .flickity-page-dots {
|
|
|
+ top: -30px;
|
|
|
+ bottom: 0%;
|
|
|
+ }
|
|
|
+ .carousel-cell {
|
|
|
+ height: 100%
|
|
|
+ }
|
|
|
+ .prefix {
|
|
|
+ font-size:150%;
|
|
|
+ font-family: Roboto;
|
|
|
+ }
|
|
|
+ .cost {
|
|
|
+ font-size:250%;
|
|
|
+ font-family: Roboto;
|
|
|
+ font-weight:800;
|
|
|
+ }
|
|
|
+ .suffix {
|
|
|
+ font-size:250%;
|
|
|
+ font-weight:600;
|
|
|
+ }
|
|
|
+ .cycle {
|
|
|
+ font-size:150%;
|
|
|
+ font-family: Roboto;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
<div class="col-md-12">
|
|
|
-
|
|
|
- <div id="order-clouder">
|
|
|
- <div id="products" class="cros-pricing-container">
|
|
|
- <div class="owl-carousel pricing-box no-padding-top">
|
|
|
+ <div id="order-clouder" style="max-width:unset;width:unset;">
|
|
|
+ <!-- <div id="products" class="cros-pricing-container"> -->
|
|
|
+ {if $products|@count < 3}
|
|
|
+ <div class="carousel" style="position:absolute;top:0px;left:0px;bottom:0px;right:0px;" data-flickity='{ "groupCells": true, "adaptiveHeight": true, "autoPlay": false, "prevNextButtons": false, "pageDots": false }'>
|
|
|
+ {else}
|
|
|
+ <div class="carousel" style="position:absolute;top:0px;left:0px;bottom:0px;right:0px;" data-flickity='{ "groupCells": true, "adaptiveHeight": true, "autoPlay": false, "prevNextButtons": false }'>
|
|
|
+ {/if}
|
|
|
{foreach $products as $key => $product}
|
|
|
- <div class="slide-item" id="product{$product@iteration}">
|
|
|
- <div class="cros-pricing-table light fixed-height {if $product.isFeatured}active{/if}">
|
|
|
-
|
|
|
- <h4 id="product{$product@iteration}-name">{$product.name}</h4>
|
|
|
- {if $product.featuresdesc}<div class="desc">{$product.featuresdesc}</div>{else}{/if}
|
|
|
-
|
|
|
-
|
|
|
- <div id="product{$product@iteration}-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}
|
|
|
+ <div class="carousell-cell" style="width:325px;height:100%;margin-right:25px;padding-left:20px;padding-right:20px;padding-bottom:20px;border:1px solid silver;border-radius:8px;" id="product{$product@iteration}">
|
|
|
+ <!-- <div class="carousell-cell" style="width:325px;height:100% !important; margin-right:25px;border:1px solid silver;border-radius:8px;" id="product{$product@iteration}"> -->
|
|
|
+ <table border="0" style="display: inline-table; table-layout:fixed; width:100%; visibility:visible;" cellpadding="0" cellspacing="5">
|
|
|
+ <tr style="height:140px;">
|
|
|
+ <td valign="top" style="max-height:140px !important;"> <!-- Title and description -->
|
|
|
+ <div style="overflow:hidden;max-height:140px !important;">
|
|
|
+ <h4 id="product{$product@iteration}-name" style="font-weight:700; font-family:Roboto; color:#2368AD;">{$product.name}</h4>
|
|
|
+ {if $product.featuresdesc}
|
|
|
+ {$product.featuresdesc}
|
|
|
+ {else}
|
|
|
+ <br />
|
|
|
{/if}
|
|
|
- <div class="price">
|
|
|
- {if $product.bid}
|
|
|
- {elseif $product.paytype eq "free"}
|
|
|
- <mark>{$LANG.orderfree}</mark>
|
|
|
- {elseif $product.paytype eq "onetime"}
|
|
|
- <span>{$product.pricing.onetime} </span>{$LANG.orderpaymenttermonetime}
|
|
|
- {else}
|
|
|
-
|
|
|
- {if $product.pricing.hasconfigoptions}
|
|
|
- {$LANG.from}
|
|
|
- {/if}
|
|
|
-
|
|
|
- {assign var="ccurrency" value=$product.pricing.minprice.price->getCurrency()}
|
|
|
- <span class="prefix">{$ccurrency["prefix"]}</span>
|
|
|
- <span class="cost">{$product.pricing.minprice.price->toNumeric()}</span>
|
|
|
- <span class="suffix">{$ccurrency["suffix"]}</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>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ {if $product.bid}
|
|
|
+ <tr>
|
|
|
+ <td> <!-- Price Simple -->
|
|
|
+ {$LANG.bundledeal}
|
|
|
+ {if $product.displayprice}
|
|
|
+ <span class="text-secondary bolder" style="font-size: 33px;">{$product.displayPriceSimple}</span>
|
|
|
+ {/if}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ {/if}
|
|
|
+ <tr style="height:60px;">
|
|
|
+ <td> <!-- Price -->
|
|
|
+ {if $product.bid}
|
|
|
+ {elseif $product.paytype eq "free"}
|
|
|
+ <mark style="font-size:160%;background-color:#2368AD;">{$LANG.orderfree}</mark>
|
|
|
+ {elseif $product.paytype eq "onetime"}
|
|
|
+ <span>{$product.pricing.onetime} </span>{$LANG.orderpaymenttermonetime}
|
|
|
+ {else}
|
|
|
+ {*
|
|
|
+ {if $product.pricing.hasconfigoptions}
|
|
|
+ {$LANG.from}
|
|
|
{/if}
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
- <p class="PriceList-toggle collapsed" data-toggle="collapse" data-target="#PlanLists1">
|
|
|
- <span>Details</span>
|
|
|
- </p>
|
|
|
- <table class="plan-features collapse" id="PlanLists1"
|
|
|
+ *}
|
|
|
+ {assign var="ccurrency" value=$product.pricing.minprice.price->getCurrency()}
|
|
|
+ <span class="prefix" style="color:#2368AD;">{$ccurrency["prefix"]}</span>
|
|
|
+ <span class="cost" style="color:#2368AD;">{$product.pricing.minprice.price->toNumeric()}</span>
|
|
|
+ <span class="suffix" style="color:#2368AD;" >{$ccurrency["suffix"]}</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}
|
|
|
+ {if $product.pricing.minprice.setupFee}
|
|
|
+ <div class="small text-muted">({$product.pricing.minprice.setupFee->toPrefixed()} {$LANG.ordersetupfee})</div>
|
|
|
+ {/if}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <!-- <tr> <td> <br /></td> </tr> -->
|
|
|
+ <tr>
|
|
|
+ <td> <!-- Product Details -->
|
|
|
+ <table class="plan-features collapse" id="PlanLists1" style="display:unset;">
|
|
|
{foreach from=$product.features key=feature item=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>
|
|
|
- {elseif $value == "Nein"} <i class="far fa-square" style="font-size:14px"></i>
|
|
|
+ {if $value == "Ja"}
|
|
|
+ <i class="far fa-check-square" style="font-size:14px"></i>
|
|
|
+ {elseif $value == "Nein"}
|
|
|
+ <i class="far fa-square" style="font-size:14px"></i>
|
|
|
+ {elseif $value == "Optional"}
|
|
|
+ <i class="fas fa-plus" style="font-size:14px"></i>
|
|
|
{else}
|
|
|
{$value}
|
|
|
{/if}
|
|
|
</td>
|
|
|
</tr>
|
|
|
{/foreach}
|
|
|
- </table>
|
|
|
- <!--
|
|
|
- <ul class="plan-features collapse" id="PlanLists1">
|
|
|
+ </table>
|
|
|
+ {*
|
|
|
+ <ul class="plan-features collapse" id="PlanLists1">
|
|
|
{foreach from=$product.features key=feature item=value}
|
|
|
<li>TD {$feature} <b>{$value}</b></li>
|
|
|
{/foreach}
|
|
|
- </ul>
|
|
|
- -->
|
|
|
-
|
|
|
-
|
|
|
- {if $product.isFeatured}
|
|
|
- <!-- Popular plan sticker -->
|
|
|
+ </ul>
|
|
|
+ *}
|
|
|
+ {if $product.isFeatured}
|
|
|
+ <!-- Popular plan sticker -->
|
|
|
<div class="sticker-wrapper">
|
|
|
<div class="sticker">
|
|
|
{$LANG.featuredProduct}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- //End popular plan sticker-->
|
|
|
- {/if}
|
|
|
- <a href="{$WEB_ROOT}/cart.php?a=add&{if $product.bid}bid={$product.bid}{else}pid={$product.pid}{/if}" class="btn btn-primary btn-block" style="margin-top: 10px;" id="product{$product@iteration}-order-button">
|
|
|
- {$LANG.ordernowbutton}
|
|
|
- </a>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
+ <!-- //End popular plan sticker-->
|
|
|
+ {/if}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <a href="{$WEB_ROOT}/cart.php?a=add&{if $product.bid}bid={$product.bid}{else}pid={$product.pid}{/if}" class="btn btn-primary btn-block" style="position:absolute; left:20px; bottom:10px; right:20px; height:40px; width:unset;padding-top:6.5px;" id="product{$product@iteration}-order-button">
|
|
|
+ {$LANG.ordernowbutton}
|
|
|
+ </a>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
{/foreach}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <!-- </div> -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@@ -301,4 +353,6 @@
|
|
|
window.location.href = path;
|
|
|
}
|
|
|
}
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+
|
|
|
+<!-- End of Template: orderforms/thurdata/products.tpl -->
|