/
list.template.html
65 lines (65 loc) · 4.56 KB
/
list.template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
[%cache type:'list' id:'[@inventory_id@]'%]
<article class="col-12 pb-2" role="article" aria-label="Product Thumbnail">
<div class="card" itemscope itemtype="http://schema.org/Product">
<meta itemprop="brand" content="[@brand@]"/>
<meta itemprop="mpn" content="[@sku@]"/>
<div class="card-body">
<div class="row">
<div class="col-4 col-md-3">
<a href="[@URL@]" class="thumbnail-image">
<img src="[%asset_url type:'product' thumb:'thumb' id:'[@sku@]'%][%param default%][%cdn_asset html:'0' library:'images'%]default_product.gif[%/cdn_asset%][%/param%][%/asset_url%]" itemprop="image" class="product-image img-fluid" alt="[%escape%][@model@][%/escape%]" rel="itmimg[@sku@]">
</a>
</div>
<div class="col-8 col-md-6">
<h3 itemprop="name"><a href="[@URL@]" title="[%escape%][@model@][%/escape%]">[%escape%][%format type:'text' maxlength:'100' rmhtml:'1'%][@model@][%/format%][%/escape%]</a></h3>
<p itemprop="description">[@short_description@]</p>
</div>
<div class="col-12 col-md-3 text-right">
<div class="price lead" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="[@config:defaultcurrency@]">
[%if [@inpromo@]%]
<strong>Now [%if [@has_child@]%]from [%/if%]</strong>
<meta itemprop="priceValidUntil" content="[%format type:'date' format:'#Y-#M-#d'%][@promo_end@][%END format%]"/>
<span class="text-success" itemprop="price" content="[@promo_price@]">[%format type:'currency'%][@promo_price@][%/format%]</span>
[%else%]
[%if [@has_child@]%]From [%/if%]
<span itemprop="price" content="[@store_price@]">[%format type:'currency'%][@store_price@][%/format%]</span>
[%/if%]
[%if [@inpromo@]%]
<p class="mb-1"><span class="badge badge-danger">On Sale</span></p>
[%/if%]
[%if [@save@] > 0 AND ![@has_child@] %]
<p class="mb-1"><span class="badge badge-warning">[%format type:'percent'%][@save@][%/format%] OFF</span></p>
[%/if%]
[%if [@save@] > 0%]
<p class="mb-1"><span class="badge badge-secondary">RRP [%format type:'currency'%][@retail@][%/format%]</span></p>
[%/if%]
</div>
[%if [@form:disable_scripts@] ne 'true'%][%tracking_code type:'Thumbnails' /%][%/if%]
</div>
</div>
</div>
<div class="card-footer">
<form class="form-inline buying-options float-right">
<input type="hidden" id="sku[@rndm@][@sku@]" name="sku[@rndm@][@sku@]" value="[@sku@]">
<input type="hidden" id="model[@rndm@][@sku@]" name="model[@rndm@][@sku@]" value="[@model@]">
<input type="hidden" id="thumb[@rndm@][@sku@]" name="thumb[@rndm@][@sku@]" value="[@thumb@]">
<input type="hidden" id="qty[@rndm@][@sku@]" name="qty[@rndm@][@sku@]" value="[%if [@min_qty@] > 0%][@min_qty@][%else%]1[%/if%]" placeholder="Qty" class="input-tiny">
[%if [@extra@] or [@has_child@] %]
<a href="[@URL@]" title="Buying Options" class="btn btn-primary btn-loads" data-loading-text="<i class='fa fa-spinner fa-spin' style='font-size: 14px'></i>">See Buying Options</a>
[%elseif [@available_preorder_quantity@] > 0 AND [@preorder@] AND [@config:WEBSTORE_USE_PREORDER_QUANTITY@]%]
<button type="button" title="Pre-Order Now!" class="addtocart btn btn-warning btn-loads" rel="[@rndm@][@sku@]" data-loading-text="<i class='fa fa-spinner fa-spin' style='font-size: 14px'></i>">Pre-Order</button>
[%elseif [@store_quantity@] > 0 AND [@preorder@] AND ![@config:WEBSTORE_USE_PREORDER_QUANTITY@]%]
<button type="button" title="Pre-Order Now!" class="addtocart btn btn-warning btn-loads" rel="[@rndm@][@sku@]" data-loading-text="<i class='fa fa-spinner fa-spin' style='font-size: 14px'></i>">Pre-Order</button>
[%elseif [@store_quantity@] > 0 AND ![@preorder@] %]
<button type="button" title="Add to Cart" class="addtocart btn-primary btn btn-loads" rel="[@rndm@][@sku@]" data-loading-text="<i class='fa fa-spinner fa-spin' style='font-size: 14px'></i>">Add to Cart</button>
[%elseif [@store_quantity@] < 1 AND [@config:ALLOW_NOSTOCK_CHECKOUT@] %]
<button type="button" title="Add to Cart" class="addtocart btn-primary btn btn-loads" rel="[@rndm@][@sku@]" data-loading-text="<i class='fa fa-spinner fa-spin' style='font-size: 14px'></i>">Backorder</button>
[%else%]
<a class="notify_popup btn btn-outline-secondary btn-loads" href="[@url@]" title="Notify Me When Back In Stock" data-loading-text="<i class='fa fa-spinner fa-spin' style='font-size: 14px'></i>">Out Of Stock</a>
[%/if%]
</form>
</div>
</div>
</article>
[%/cache%]