expressCart/views/themes/Cloth/cart.hbs

82 lines
4.2 KiB
Handlebars
Raw Normal View History

<div class="card top-marg-15 bottom-marg-15">
<div class="card-body cart-body">
<h5 class="card-title">{{ @root.__ "Cart contents" }}</h5>
2019-12-30 13:10:57 +10:00
<div id="cartBodyWrapper">
{{#each @root.session.cart}}
<div class="d-flex flex-row bottom-pad-15">
<div class="col-xs-4 col-md-3">
{{#if productImage}}
<img class="img-fluid" src="{{this.productImage}}" alt="{{this.title}} product image"> {{else}}
<img class="img-fluid" src="/uploads/placeholder.png" alt="{{this.title}} product image"> {{/if}}
</div>
<div class="col-sm-12 col-md-7">
<div class="row h-200">
<div class="col-sm-12 text-left no-pad-left">
<h6><a href="/product/{{this.link}}">{{this.title}}</a></h6>
</div>
<div class="col-sm-12 text-left no-pad-left">
{{#each this.options}}
2020-01-02 13:37:36 +10:00
{{#if @last}}
2020-01-02 15:12:19 +10:00
<strong>{{#upperFirst this.name}}{{/upperFirst}}</strong>: {{this.value}}
2019-12-30 13:10:57 +10:00
{{else}}
2020-01-02 15:12:19 +10:00
<strong>{{#upperFirst this.name}}{{/upperFirst}}:</strong> {{this.value}} /
2019-12-30 13:10:57 +10:00
{{/if}}
{{/each}}
</div>
{{#ifCond cartReadOnly '!=' true}}
<div class="col-md-8 no-pad-left">
<div class="input-group">
<div class="input-group-prepend">
<button class="btn btn-outline-primary btn-qty-minus" type="button">-</button>
</div>
<input type="number" class="form-control cart-product-quantity text-center" data-id="{{../this.productId}}" data-index="{{@key}}"
maxlength="2" value="{{../this.quantity}}">
<div class="input-group-append">
<button class="btn btn-outline-primary btn-qty-add" type="button">+</button>
</div>
2018-01-07 04:55:48 +10:00
</div>
</div>
2019-12-30 13:10:57 +10:00
<div class="col-md-4 text-right">
<button class="btn btn-outline-danger btn-delete-from-cart" data-id="{{../this.productId}}" type="button"><i class="far fa-trash-alt" data-id="{{../this.productId}}" aria-hidden="true"></i></button>
2019-12-30 13:10:57 +10:00
</div>
{{/ifCond}}
</div>
2019-12-30 13:10:57 +10:00
</div>
<div class="align-self-center col-sm-12 col-md-2 text-right no-pad-right">
<strong class="my-auto">{{currencySymbol @root.config.currencySymbol}}{{formatAmount this.totalItemPrice}}</strong>
2018-01-07 04:55:48 +10:00
</div>
</div>
2019-12-30 13:10:57 +10:00
{{/each}}
2018-01-07 04:55:48 +10:00
</div>
<div class="container-fluid">
2019-11-03 19:34:20 +10:00
{{#if @root.session.cart}}
<div class="row">
<div class="cart-contents-shipping col-md-12 no-pad-right">
{{#ifCond @root.session.shippingCostApplied '===' true}}
<div class="text-right">
{{ @root.__ "Shipping" }}
<strong>{{currencySymbol @root.config.currencySymbol}}{{formatAmount @root.session.totalCartShipping}}</strong>
</div>
{{else}}
<div class="text-right">
{{ @root.__ "Shipping" }}
<strong>FREE</strong>
</div>
{{/ifCond}}
<div class="text-right">
Total:
<strong>{{currencySymbol @root.config.currencySymbol}}{{formatAmount @root.session.totalCartAmount}}</strong>
</div>
</div>
2018-02-05 07:39:42 +10:00
</div>
{{else}}
<div class="row">
<div class="cart-contents-shipping col-md-12 no-pad-right">
Cart empty
</div>
2018-02-05 07:39:42 +10:00
</div>
{{/if}}
2018-01-07 04:55:48 +10:00
</div>
2018-02-05 07:39:42 +10:00
</div>
</div>