Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

¿Cómo añadir el efecto lupa en las fotos de productos?

1. Incluir en layout.tpl la llamada al pluggin:

{{ ‘cloud-zoom.1.0.2.min.js’ | static_url | script_tag }} 

2. Añadir el siguiente código en product.tpl

{% if product.images_count > 1 %}
    {% for image in product.images %}
        <a href="{{ image | product_image_url('original') }}"> {{ image | product_image_url('thumb') | img_tag(product.name) }} </a>
    {% endfor %}
{% endif %}


{% if product.images_count > 1 %}
    {% for image in product.images %}
        <a href="{{ image | product_image_url('original') }}"> {{ image | product_image_url('thumb') | img_tag(product.name) }} </a>
    {% endfor %}
{% endif %}

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.