|
|
@@ -1,106 +1,92 @@
|
|
|
{include file="orderforms/{$carttpl}/common.tpl"}
|
|
|
-
|
|
|
<script>
|
|
|
var _localLang = {
|
|
|
'addToCart': '{$LANG.orderForm.addToCart|escape}',
|
|
|
'addedToCartRemove': '{$LANG.orderForm.addedToCartRemove|escape}'
|
|
|
}
|
|
|
</script>
|
|
|
-
|
|
|
{if file_exists("templates/orderforms/{$carttpl}/layouts/head.tpl")}
|
|
|
{include file="templates/orderforms/{$carttpl}/layouts/head.tpl"}
|
|
|
{/if}
|
|
|
-
|
|
|
-
|
|
|
<!-- configureproduct_default.tpl -->
|
|
|
<div id="order-standard_cart">
|
|
|
-
|
|
|
<div class="row">
|
|
|
-
|
|
|
<div class="col-md-12">
|
|
|
{if file_exists("templates/orderforms/{$carttpl}/layouts/head.tpl")}
|
|
|
{else}
|
|
|
- <div class="header-lined">
|
|
|
- <h1>{$LANG.orderconfigure}</h1>
|
|
|
- </div>
|
|
|
+ <div class="header-lined">
|
|
|
+ <h1>{$LANG.orderconfigure}</h1>
|
|
|
+ </div>
|
|
|
{/if}
|
|
|
-
|
|
|
{include file="orderforms/{$carttpl}/sidebar-categories-collapsed.tpl"}
|
|
|
</div>
|
|
|
-
|
|
|
<div class="col-md-12">
|
|
|
-
|
|
|
<form id="frmConfigureProduct">
|
|
|
<input type="hidden" name="configure" value="true" />
|
|
|
<input type="hidden" name="i" value="{$i}" />
|
|
|
-
|
|
|
<div class="row ajaxcart_cont">
|
|
|
<div class="col-md-8 col-lg-9">
|
|
|
-
|
|
|
<h3>{$LANG.orderForm.configureDesiredOptions}</h3>
|
|
|
-
|
|
|
<div class="panel panel-default">
|
|
|
- <div class="panel-body">
|
|
|
- <table width="100%" height="100%">
|
|
|
- <tr>
|
|
|
- <td valign="top" style="padding-right: 50px;">
|
|
|
- {$features = "<br />"|explode:$productinfo.description}
|
|
|
- <p class="product-title" style="margin-bottom: -2px; font-size:120%;"><strong><i>{$productinfo.group_name}</i> - {$productinfo.name}</strong></p>
|
|
|
+ <div class="panel-body">
|
|
|
+ <table width="100%" height="100%">
|
|
|
+ <tr>
|
|
|
+ <td valign="top" style="padding-right: 50px;">
|
|
|
+ {$features = "<br />"|explode:$productinfo.description}
|
|
|
+ <p class="product-title" style="margin-bottom: -2px; font-size:120%;"><strong><i>{$productinfo.group_name}</i> - {$productinfo.name}</strong></p>
|
|
|
+ {foreach $features as $feature}
|
|
|
+ {$featureParts = ":"|explode:$feature}
|
|
|
+ {$featureTrim = $feature|trim}
|
|
|
+ {if !$featureTrim|strstr:':' && $featureTrim ne '' && $featureTrim ne ' ' && $featureTrim ne ' '}
|
|
|
+ {$feature}<br />
|
|
|
+ {/if}
|
|
|
+ {/foreach}
|
|
|
+ <br />
|
|
|
+ <!-- {$productinfo.description} -->
|
|
|
+ <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}" style="padding-top:0px; padding-bottom: 15px;" id="PlanLists{$kk + 1}">
|
|
|
{foreach $features as $feature}
|
|
|
- {$featureParts = ":"|explode:$feature}
|
|
|
- {$featureTrim = $feature|trim}
|
|
|
- {if !$featureTrim|strstr:':' && $featureTrim ne '' && $featureTrim ne ' ' && $featureTrim ne ' '}
|
|
|
- {$feature}<br />
|
|
|
- {/if}
|
|
|
+ {$featureParts = ":"|explode:$feature}
|
|
|
+ {if $featureParts|@count > 1}
|
|
|
+ <tr>
|
|
|
+ <td style="padding-right: 33px;"><b>{$featureParts[0]}:</b></td>
|
|
|
+ <td>
|
|
|
+ {if $featureParts[1]|trim == "Ja"} <i class="far fa-check-square" style="font-size:14px"></i>
|
|
|
+ {elseif $featureParts[1]|trim == "Nein"} <i class="far fa-square" style="font-size:14px"></i>
|
|
|
+ {elseif $featureParts[1]|trim == "Optional"} <i class="fas fa-plus" style="font-size:14px"></i>
|
|
|
+ {else}
|
|
|
+ {$featureParts[1]}
|
|
|
+ {/if}
|
|
|
+ </td>
|
|
|
+ {/if}
|
|
|
{/foreach}
|
|
|
- <br />
|
|
|
- <!-- {$productinfo.description} -->
|
|
|
- <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}" style="padding-top:0px; padding-bottom: 15px;" id="PlanLists{$kk + 1}">
|
|
|
- {foreach $features as $feature}
|
|
|
- {$featureParts = ":"|explode:$feature}
|
|
|
- {if $featureParts|@count > 1}
|
|
|
- <tr>
|
|
|
- <td style="padding-right: 33px;"><b>{$featureParts[0]}:</b></td>
|
|
|
- <td>
|
|
|
- {if $featureParts[1]|trim == "Ja"} <i class="far fa-check-square" style="font-size:14px"></i>
|
|
|
- {elseif $featureParts[1]|trim == "Nein"} <i class="far fa-square" style="font-size:14px"></i>
|
|
|
- {elseif $featureParts[1]|trim == "Optional"} <i class="fas fa-plus" style="font-size:14px"></i>
|
|
|
- {else}
|
|
|
- {$featureParts[1]}
|
|
|
- {/if}
|
|
|
- </td>
|
|
|
- {/if}
|
|
|
- {/foreach}
|
|
|
- </table>
|
|
|
- </td>
|
|
|
- <td valign="top" style="text-align:left;">
|
|
|
- {*
|
|
|
- Product Icon set by its group id
|
|
|
- -----------------------------------------
|
|
|
- Mailhosting => gid=1
|
|
|
- Thurfiles Private Hosting => gid=2
|
|
|
- Nextcloud Private Hosting => gid=3
|
|
|
- ThurVServer => gid=4
|
|
|
- ThurVCloud => gid=5
|
|
|
- Groupware Hosting => gid=7
|
|
|
- Mailhosting mit Nextcloud => gid=8
|
|
|
- Nextcloud Business Hosting => gid=9
|
|
|
- Thurfiles Business Hosting => gid=10
|
|
|
- *}
|
|
|
- <img src="/templates/croster/thurdata/productgroups/{$productinfo.gid}.svg" class="img-fluid" style="height:150px;">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <!-- <p class="product-title"><strong><i>{$productinfo.group_name}</i> - {$productinfo.name}</strong></p>
|
|
|
- <p>{$productinfo.description}</p> -->
|
|
|
- </div>
|
|
|
+ </table>
|
|
|
+ </td>
|
|
|
+ <td valign="top" style="text-align:left;">
|
|
|
+ {*
|
|
|
+ Product Icon set by its group id
|
|
|
+ -----------------------------------------
|
|
|
+ Mailhosting => gid=1
|
|
|
+ Thurfiles Private Hosting => gid=2
|
|
|
+ Nextcloud Private Hosting => gid=3
|
|
|
+ ThurVServer => gid=4
|
|
|
+ ThurVCloud => gid=5
|
|
|
+ Groupware Hosting => gid=7
|
|
|
+ Mailhosting mit Nextcloud => gid=8
|
|
|
+ Nextcloud Business Hosting => gid=9
|
|
|
+ Thurfiles Business Hosting => gid=10
|
|
|
+ *}
|
|
|
+ <img src="/templates/croster/thurdata/productgroups/{$productinfo.gid}.svg" class="img-fluid" style="height:150px;">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <!-- <p class="product-title"><strong><i>{$productinfo.group_name}</i> - {$productinfo.name}</strong></p>
|
|
|
+ <p>{$productinfo.description}</p> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="alert alert-danger w-hidden" role="alert" id="containerProductValidationErrors">
|
|
|
<p>{$LANG.orderForm.correctErrors}:</p>
|
|
|
<ul id="containerProductValidationErrorsList"></ul>
|
|
|
</div>
|
|
|
-
|
|
|
{if $pricing.type eq "recurring"}
|
|
|
<div class="field-container">
|
|
|
<div class="form-group">
|
|
|
@@ -140,14 +126,11 @@ var _localLang = {
|
|
|
</div>
|
|
|
</div>
|
|
|
{/if}
|
|
|
-
|
|
|
{if count($metrics) > 0}
|
|
|
<div class="sub-heading">
|
|
|
<span>{$LANG.metrics.title}</span>
|
|
|
</div>
|
|
|
-
|
|
|
<p>{$LANG.metrics.explanation}</p>
|
|
|
-
|
|
|
<ul>
|
|
|
{foreach $metrics as $metric}
|
|
|
<li>
|
|
|
@@ -166,17 +149,13 @@ var _localLang = {
|
|
|
</li>
|
|
|
{/foreach}
|
|
|
</ul>
|
|
|
-
|
|
|
<br>
|
|
|
{/if}
|
|
|
-
|
|
|
{if $productinfo.type eq "server"}
|
|
|
<div class="sub-heading">
|
|
|
<span>{$LANG.cartconfigserver}</span>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="field-container">
|
|
|
-
|
|
|
<div class="row">
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-group">
|
|
|
@@ -191,7 +170,6 @@ var _localLang = {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="row">
|
|
|
<div class="col-sm-6">
|
|
|
<div class="form-group">
|
|
|
@@ -206,7 +184,6 @@ var _localLang = {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
{/if}
|
|
|
{if $configurableoptions}
|
|
|
@@ -264,7 +241,6 @@ var _localLang = {
|
|
|
{elseif $configoption.optiontype eq 4}
|
|
|
<div class="col-sm-12">
|
|
|
<div class="form-group">
|
|
|
-
|
|
|
<label for="inputConfigOption{$configoption.id}">{$configoption.optionname|unescape:"html"}</label>
|
|
|
{if $configoption.qtymaximum}
|
|
|
{if !$rangesliderincluded}
|
|
|
@@ -281,7 +257,6 @@ var _localLang = {
|
|
|
var sliderStepThreshold = 25;
|
|
|
// Check if there are too many to display individually.
|
|
|
var setLargerMarkers = sliderRangeDifference > sliderStepThreshold;
|
|
|
-
|
|
|
jQuery("#inputConfigOption{$configoption.id}").ionRangeSlider({
|
|
|
min: {$configoption.qtyminimum},
|
|
|
max: {$configoption.qtymaximum},
|
|
|
@@ -317,15 +292,11 @@ var _localLang = {
|
|
|
{/foreach}
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
{/if}
|
|
|
-
|
|
|
{if $customfields}
|
|
|
-
|
|
|
<div class="sub-heading">
|
|
|
<span>{$LANG.orderadditionalrequiredinfo}</span>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="field-container">
|
|
|
{foreach $customfields as $customfield}
|
|
|
<div class="form-group">
|
|
|
@@ -339,21 +310,17 @@ var _localLang = {
|
|
|
</div>
|
|
|
{/foreach}
|
|
|
</div>
|
|
|
-
|
|
|
{/if}
|
|
|
-
|
|
|
{if $addons || count($addonsPromoOutput) > 0}
|
|
|
-
|
|
|
<div class="sub-heading">
|
|
|
<span>{$LANG.cartavailableaddons}</span>
|
|
|
</div>
|
|
|
-
|
|
|
{foreach $addonsPromoOutput as $output}
|
|
|
<div>
|
|
|
{$output}
|
|
|
</div>
|
|
|
{/foreach}
|
|
|
- <!-- Product Addons -->
|
|
|
+ <!-- Product Addons -->
|
|
|
<div class="row addon-products">
|
|
|
{foreach $addons as $addon}
|
|
|
<!-- Product Addon {$addon.name} -->
|
|
|
@@ -362,10 +329,9 @@ var _localLang = {
|
|
|
<div class="panel-body">
|
|
|
<input type="checkbox" name="addons[{$addon.id}]"{if $addon.status} checked{/if} />
|
|
|
<span class="panel-addon-name">{$addon.name}</span>
|
|
|
- <span class="panel-addon-price">{$addon.pricing}</span>
|
|
|
+ <span class="panel-addon-price">{$addon.pricing}</span>
|
|
|
<p class="text-muted">{$addon.description}</p>
|
|
|
</div>
|
|
|
-
|
|
|
{if $addon.allowsQuantity === 2}
|
|
|
{include file="templates/orderforms/{$carttpl}/addon-hint.tpl"}
|
|
|
{/if}
|
|
|
@@ -375,12 +341,10 @@ var _localLang = {
|
|
|
</div>
|
|
|
|
|
|
{/if}
|
|
|
-
|
|
|
<div class="alert alert-warning text-center">
|
|
|
<i class="fas fa-question-circle"></i>
|
|
|
{$LANG.orderForm.haveQuestionsContact} <a href="contact.php" target="_blank" class="alert-link">{$LANG.orderForm.haveQuestionsClickHere}</a>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
{include file="templates/orderforms/{$carttpl}/sidebar-price.tpl"}
|
|
|
</div>
|
|
|
@@ -388,20 +352,14 @@ var _localLang = {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
{if file_exists("templates/orderforms/{$carttpl}/layouts/foot.tpl")}
|
|
|
{include file="templates/orderforms/{$carttpl}/layouts/foot.tpl"}
|
|
|
{/if}
|
|
|
-
|
|
|
-
|
|
|
<script language="javascript">
|
|
|
recalctotals();
|
|
|
</script>
|
|
|
-
|
|
|
-
|
|
|
<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/ResizeSensor.js"></script>
|
|
|
<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/jquery.sticky-sidebar.min.js"></script>
|
|
|
-
|
|
|
<script>
|
|
|
jQuery('#sidebar').stickySidebar({
|
|
|
topSpacing: 60,
|
andre