Agregar labels en la grilla de productos de tu Shopify sin apps

Éste tipo de requerimientos es muy común ya que muchas veces no queremos mostrar el % de descuento en la galería de productos sino que queremos poner un símbolo del algún evento específico o destacar un producto por sobre otro. Este video esta hecho sobre el template de turbo.

v class="sale_banner thumbnail_banner"><img src="ACA TU IMAGEN"
align="right" style="width:60%;height:60%;" />
Les dejo el product-detail.liquid
{% assign collection_handles = product.collections | map: 'handle' %}
<div class="thumbnail-overlay">
<a href="{{ product.url | within: collection }}" itemprop="url" class="hidden-product-
link"><h1>{{ product.title }}<h1></a>
<div class="info">
{% if settings.thumbnail_hover_enabled and settings.quick_shop_enabled %}
{% include "product-info" %}
{% include 'quick-shop-button' %}
{% elsif settings.thumbnail_hover_enabled %}
{% include "product-info" %}
{% elsif settings.quick_shop_enabled %}
{% include 'quick-shop-button' %}
{% endif %}
</div>
</div>
<div class="banner_holder">
{% if product.available %}
{% if settings.sale_banner_enabled and product.compare_at_price_max >
product.price %}
<div class="sale_banner thumbnail_banner"><img
src="https://cdn.shopify.com/s/files/1/2656/3744/files/apoyame_redondo.png?20330"
align="right" style="width:60%;height:60%;" />
</div>
{% endif %}
{% endif %}
{% if collection_handles contains 'new' %}
<div class="new_banner thumbnail_banner">{{ 'collections.general.new' | t }}</div>
{% endif %}
{% if collection_handles contains 'pre-order' %}
<div class="preorder_banner thumbnail_banner">{{ 'collections.general.pre_order' |
t }}</div>
{% endif %}
</div>

¿PREFIERES HACERLO CON UNA APP?

0 comentarios

Dejar un comentario

Ten en cuenta que los comentarios deben aprobarse antes de que se publiquen.