/
tabs.html
31 lines (28 loc) · 1.53 KB
/
tabs.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
<ul class="tabs" data-tab role="tablist">
{{#if product.related_products}}
<li class="tab is-active" role="presentational">
<a class="tab-title" href="#tab-related" role="tab" tabindex="0" aria-selected="true" controls="tab-related">{{lang 'products.related_products'}}</a>
</li>
{{/if}}
{{#if product.similar_by_views}}
<li class="tab{{#unless product.related_products}} is-active{{/unless}}" role="presentational">
<a class="tab-title" href="#tab-similar" role="tab" tabindex="0" aria-selected="{{#if product.related_products}}false{{else}}true{{/if}}" controls="tab-similar">{{lang 'products.similar_by_views'}}</a>
</li>
{{/if}}
</ul>
<div class="tabs-contents">
{{#if product.related_products}}
<div role="tabpanel" aria-hidden="false" class="tab-content has-jsContent is-active" id="tab-related">
{{#if settings.data_tag_enabled}}
{{> components/products/carousel products=product.related_products columns=6 list="Related Products"}}
{{else}}
{{> components/products/carousel products=product.related_products columns=6}}
{{/if}}
</div>
{{/if}}
{{#if product.similar_by_views}}
<div role="tabpanel" aria-hidden="{{#if product.related_products}}true{{else}}false{{/if}}" class="tab-content has-jsContent{{#unless product.related_products}} is-active{{/unless}}" id="tab-similar">
{{> components/products/carousel products=product.similar_by_views columns=6 list="Customers Also Viewed"}}
</div>
{{/if}}
</div>