Sutty/sutty-base-jekyll-theme
5
0
Fork 0
Code Issues Pull requests Projects Releases Activity

previsualización de producto

Browse source
This commit is contained in:
f 2021-10-28 14:26:34 -03:00
parent f701c18ac5
commit 8cee02a713
1 changed files with 38 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
_includes/product.html Normal file
View file

@ -0,0 +1,38 @@
<article
{% if include.product.in_stock %}
{% include_cached cart_controller.html product=include.product %}
{% endif %}
class="d-flex flex-column align-items-center flex-grow-1 {{ include.class }}">
<div class="d-flex flex-column align-items-center justify-content-between flex-grow-1 position-relative">
<a href="{{ include.product.url }}">
<picture>
<source srcset="{{ include.product.image.path | thumbnail: nil, 370 }}" media="(max-width: 767px)" />
<img class="shadow" src="{{ include.product.image.path | thumbnail: nil, 300 }}" loading="lazy" />
</picture>
</a>
<div class="">
<div class="flex-fill mt-4 mb-4 black">
<p class="font-weight-bold m-0 mb-3">
<a href="{{ include.product.url }}">
{{ include.product.title }}
</a>
</p>
</div>
<p class="font-weight-bold mb-0">
<span data-stock-price>{{ include.product.price }}</span>
<span data-stock-currency>{{ site.cart.currency }}</span>
</p>
<button
class="btn btn-lp text-lowercase p-1 font-weight-bold"
{% unless include.product.in_stock %}disabled{% endunless %}
{% include cart_add.html %}>
<span class="hide-when-disabled">{{ site.cart.add }}</span>
<span class="show-when-disabled">{{ site.cart.out_of_stock | default: site.data.layouts.cart.out_of_stock.default[site.locale] }}</span>
</button>
</div>
</div>
</article>