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” %}.