Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

¿Cómo muestro el listado de productos?

1.Agregar el siguiente código en home.tpl ara crear el listado de productos:

{% for product in products %}
    <div class="producto">
    {{ product.featured_image | product_image_url("medium") | img_tag(product.name) | a_tag(product.url) }}
    <h3>{{ product.name }}</h3>
    {% if product.display_price %}
        <small>{{ product.price | money }}</small>
    {% endif %}
    </div>
{% endfor %}

2. Para separar tus productos en filas puedes agruparlos en un div de la siguiente manera:

{% for product in products %}
    {% if loop.index % 3 == 1 %}
        <div class="fila">
    {% endif %}
    ... producto ...
   {% if loop.index % 3 == 0 or loop.last %}
      </div>
   {% endif %}
{% endfor %}

Podés reutilizar el código anterior en todos los lugares que desees mostrar el listado de productos, para eso, debés copiar el código en un archivo y guardalo con la extensión .tpl, por ejemplo “grilla-productos.tpl”. 

En las secciones que quieras visualizar la grilla, solo debes insertar la llamada a este archivo {% snipplet “grilla-productos.tpl” %}.

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