Agregar labels en la grilla de productos de tu Shopify sin apps – jonytips.com
Ir directamente al contenido

Shopify Expert

LOS MEJORES RECURSOS PARA TU ECOMMERCE

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

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?

Dejar un comentario

Por favor tenga en cuenta que los comentarios deben ser aprobados antes de ser publicados