blob: b4442ea1c43ed607b414425b0bb64468547e4abe (
plain)
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
|
{{ define "main" }}
{{ partial "page-title.html" . }}
<section class="section pt-0">
<div class="container">
<div class="row">
<div class="col-lg-5 mb-4 mb-lg-0">
<!-- product image slider -->
<div class="product-slider">
{{ range .Params.Images }}
<div data-image="{{ .image | absURL }}">
<img class="img-fluid w-100" src="{{ .image | absURL }}" alt="product-img">
</div>
{{ end }}
</div>
</div>
<div class="col-lg-5 offset-lg-1">
<h4 class="font-weight-medium">{{ .Title }}</h4>
<!-- rating star -->
{{ if site.Params.rating.enable }}
<div class="rw-ui-container"></div>
{{ end }}
<div class="my-4">
<span class="lead text-primary font-weight-medium">{{ .Params.Price }} {{ site.Params.currencySimbol }}</span>
<s>{{ .Params.PriceBefore }} {{ site.Params.currencySimbol }}</s>
</div>
<h5>Short Description</h5>
<p>{{ .Params.ShortDescription | markdownify }}</p>
<button class="snipcart-add-item btn btn-primary" data-item-id="{{ .Params.ProductID }}"
data-item-name="{{ .Title }}" {{ range first 1 .Params.Images }} data-item-image="{{ .image | absURL }}"
{{ end }} data-item-price="{{ .Params.Price }}" data-item-url="{{ .Permalink }}" data-item-description="{{ .Description }}">
Add to cart
</button>
</div>
<div class="col-12 mt-5">
<ul class="nav nav-tabs border-bottom-0" id="myTab" role="tablist">
<li class="nav-item mr-3">
<a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab"
aria-controls="description" aria-selected="true">Description</a>
</li>
<li class="nav-item">
<a class="nav-link" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews"
aria-selected="false">Reviews</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
<div class="content">{{ .Content }}</div>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
{{ template "_internal/disqus.html" . }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ partial "cta.html" . }}
{{ end }}
|