2018-02-12 05:47:26 +10:00
|
|
|
{{> themes/Cloth/front-menu}}
|
2019-12-26 13:23:21 +10:00
|
|
|
<div class="product-layout col-sm-8 offset-sm-2">
|
2018-01-07 04:55:48 +10:00
|
|
|
<div class="row">
|
2019-12-26 13:23:21 +10:00
|
|
|
<div class="col-sm-12 col-md-6 mr-auto">
|
|
|
|
{{#if result.productImage}}
|
|
|
|
<div class="title-image-container">
|
2020-02-01 16:59:30 +10:00
|
|
|
<div class="image-prev image-button"> <i class="feather" data-feather="chevron-right"></i></div>
|
2019-12-26 13:23:21 +10:00
|
|
|
<img src="{{result.productImage}}" id="product-title-image" class="product-title-image img-fluid" alt="...">
|
2020-02-01 16:59:30 +10:00
|
|
|
<div class="image-next image-button"> <i class="feather" data-feather="chevron-left"></i></div>
|
2019-12-26 13:23:21 +10:00
|
|
|
</div>
|
|
|
|
{{else}}
|
|
|
|
<div class="title-image-container">
|
|
|
|
<img src="/uploads/placeholder.png" id="product-title-image" class="product-title-image img-fluid" alt="...">
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
2019-12-28 17:07:53 +10:00
|
|
|
{{#ifCond @root.images.length '>' 1}}
|
2019-12-29 18:07:03 +10:00
|
|
|
<div class="row">
|
2019-12-28 17:07:53 +10:00
|
|
|
{{#each @root.images}}
|
2019-12-29 18:07:03 +10:00
|
|
|
<div class="vertical-center top-pad-20 col-6">
|
2019-12-26 13:23:21 +10:00
|
|
|
<img src="{{this.path}}" class="thumbnail-image img-fluid">
|
|
|
|
</div>
|
|
|
|
{{/each}}
|
2019-12-29 18:07:03 +10:00
|
|
|
</div>
|
2019-12-26 13:23:21 +10:00
|
|
|
{{/ifCond}}
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-6 ml-auto">
|
2018-01-07 04:55:48 +10:00
|
|
|
<div class="row">
|
2019-12-26 13:23:21 +10:00
|
|
|
<h1 class="col-md-10 product-title text-truncate">{{result.productTitle}}</h1>
|
2020-02-01 10:50:41 +10:00
|
|
|
<h4 class="col-md-10 product-price mp-0">{{currencySymbol config.currencySymbol}}{{result.productPrice}}</h4>
|
2018-10-05 21:54:42 +10:00
|
|
|
{{#if productOptions}}
|
2019-11-06 18:31:25 +10:00
|
|
|
<h4 class="col-md-10 product-option">{{ @root.__ "Options" }}</h4>
|
2018-10-05 21:54:42 +10:00
|
|
|
<div class="col-md-10">
|
|
|
|
{{#each productOptions}}
|
|
|
|
{{#ifCond this.optType '==' "select"}}
|
2020-01-02 10:18:09 +10:00
|
|
|
<strong>{{../this.optLabel}}</strong>
|
2020-01-02 13:37:36 +10:00
|
|
|
<select name="{{../this.optName}}" data-label="{{../this.optLabel}}" class="form-control product-opt">
|
2019-06-17 20:21:45 +10:00
|
|
|
{{#each ../this.optOptions}}
|
2018-10-05 21:54:42 +10:00
|
|
|
<option value="{{this}}">{{this}}</option>
|
|
|
|
{{/each}}
|
|
|
|
</select>
|
|
|
|
{{/ifCond}}
|
|
|
|
{{#ifCond this.optType '==' "radio"}}
|
2020-01-02 13:37:36 +10:00
|
|
|
<strong>{{../this.optLabel}}</strong>
|
2019-06-17 20:21:45 +10:00
|
|
|
{{#each ../this.optOptions}}
|
2018-10-05 21:54:42 +10:00
|
|
|
<div class="radio">
|
|
|
|
<label>
|
2020-01-02 13:37:36 +10:00
|
|
|
<input type="radio" class="product-opt" data-label="{{../../this.optLabel}}" name="{{../../this.optName}}" value="{{this}}">
|
|
|
|
<span class="left-pad-10">{{this}}</span>
|
2018-10-05 21:54:42 +10:00
|
|
|
</label>
|
|
|
|
</div>
|
2018-01-07 04:55:48 +10:00
|
|
|
{{/each}}
|
2018-10-05 21:54:42 +10:00
|
|
|
{{/ifCond}}
|
|
|
|
{{#ifCond this.optType '==' "checkbox"}}
|
|
|
|
<div class="checkbox">
|
2018-01-07 04:55:48 +10:00
|
|
|
<label>
|
2020-01-02 13:37:36 +10:00
|
|
|
<input type="checkbox" class="product-opt" data-label="{{../this.optLabel}}" name="{{../this.optName}}" value="{{../this.optName}}">
|
|
|
|
<span class="left-pad-10">{{../this.optLabel}}</span>
|
2018-01-07 04:55:48 +10:00
|
|
|
</label>
|
|
|
|
</div>
|
2018-10-05 21:54:42 +10:00
|
|
|
{{/ifCond}}
|
|
|
|
{{/each}}
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
2019-02-10 13:55:31 +10:00
|
|
|
{{#if config.trackStock}}
|
|
|
|
{{#ifCond result.productStock '==' 0}}
|
|
|
|
<div class="col-md-10">
|
|
|
|
<h4 class="text-danger text-center">
|
|
|
|
Out of stock
|
|
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
{{/ifCond}}
|
|
|
|
{{/if}}
|
2018-10-05 21:54:42 +10:00
|
|
|
<div class="col-md-10 productOptions">
|
2019-11-06 18:31:25 +10:00
|
|
|
<p class="product-option-text">{{ @root.__ "Quantity" }}</p>
|
2018-10-05 21:54:42 +10:00
|
|
|
<div class="input-group">
|
2019-12-26 13:23:21 +10:00
|
|
|
<div class="input-group-prepend">
|
2020-01-21 17:36:46 +10:00
|
|
|
<button class="btn btn-primary qty-btn-minus" type="button">-</button>
|
2019-12-26 13:23:21 +10:00
|
|
|
</div>
|
2020-01-07 21:03:35 +10:00
|
|
|
<input type="number" class="form-control add-color text-center" id="product_quantity" maxlength="3" value="1">
|
2019-12-26 13:23:21 +10:00
|
|
|
<div class="input-group-append">
|
2020-01-21 17:36:46 +10:00
|
|
|
<button class="btn btn-primary qty-btn-plus" type="button">+</button>
|
2019-12-26 13:23:21 +10:00
|
|
|
</div>
|
2018-10-05 21:54:42 +10:00
|
|
|
</div>
|
2018-01-07 04:55:48 +10:00
|
|
|
</div>
|
2018-10-05 21:54:42 +10:00
|
|
|
{{#if result.productComment}}
|
|
|
|
<div class="col-md-10">
|
2019-11-06 18:31:25 +10:00
|
|
|
{{ @root.__ "Leave a comment?" }}
|
2018-10-05 21:54:42 +10:00
|
|
|
<textarea class="form-control" id="product_comment"></textarea>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
|
|
|
<div class="col-md-10 btnAddToCart">
|
2020-01-21 17:36:46 +10:00
|
|
|
<button class="btn btn-primary btn-block product-add-to-cart" type="button">{{ @root.__ "Add to cart" }}</button>
|
2018-10-05 21:54:42 +10:00
|
|
|
</div>
|
|
|
|
<div class="col-md-10 body_text">
|
|
|
|
{{{productDescription}}}
|
2018-01-07 04:55:48 +10:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-02-12 05:47:26 +10:00
|
|
|
</div>
|
2018-01-07 04:55:48 +10:00
|
|
|
</div>
|
|
|
|
<input type="hidden" id="productId" value="{{result._id}}">
|