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

Publicado por Jony en

É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?

¿No sabes como hacerlo y prefieres que yo lo haga?

Contactame para cotizar como hacer este proyecto y todos los que necesites.

Categorías: Jonytips

0 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *