Listado de productos

1. Agregar el siguiente código en settings.txt dentro de “Opciones generales”: title title = Productos en el listado dropdown name = category_quantity_products description = Cantidad de productos por página ...

El theme Base cuenta con una paginación híbrida entre infinite-scroll y botón para ver más productos, pero en este tutorial vamos a agregar la clásica paginación con números y navegación entre diferentes páginas. HTML 1. Lo primero que vam...

En este tutorial vamos a implementar el comportamiento para que en los listados de productos, al pasar por un producto, muestre la segunda imagen del mismo. HTML 1. Lo primero que vamos a hacer, es agregar la segunda imagen (si es que el produc...

En este tutorial vamos a agregar imágenes por categoría, tanto una imagen general que va a aparecer en todas las categorías como imágenes particulares de cada una. Para el theme Base creamos un componente que muestra la imagen general a menos qu...

En este tutorial vamos a agregar el filtro de marcas, las cuales pueden agregarse desde la creación o edición del producto en el Administrador Nube. Requisito: Tener previamente implementados los filtros de variantes ya que las marcas son incluí...

En este tutorial vamos a agregar la descripción de categoría.  Para el theme Base creamos un componente que muestra la descripción de la categoría. En el caso que la categoría no tenga cargada una descripción, no se va a mostrar nada. HTML 1. ...

En este tutorial vamos a agregar el filtro de precios, te recomendamos tener como base implementados el resto de los filtros (variantes y marca), en este artículo podés seguir los pasos para tenerlos (incluye también el filtro de precios) ...

En este artículo vamos a ver cómo crear la funcionalidad del scroll híbrido en las páginas de categorías y los resultados de búsqueda. Pero, ¿Qué es un scroll híbrido?. Básicamente mezcla las experiencias de: Un scroll infinito en el cual se v...

En este tutorial vamos a ver cómo agregar los filtros de categorías y propiedades, así como la posibilidad de ordenar los productos. Entre las propiedades a filtrar se encuentran: Variantes del producto Marca Precio Campos personalizados En ...

En este tutorial vamos a ver cómo previsualizar los colores de un producto en el listado, sin tener que ingresar al detalle del producto: HTML 1. Lo primero que vamos a hacer, es agregar un nuevo snipplet llamado item-colors.tpl dentro de la ...

En este tutorial vamos a ver cómo agregar un popup con el formulario de producto, el cual puede ser visto desde el ítem en el listado de productos. HTML 1. Lo primero que vamos a hacer, es agregar un nuevo snipplet llamado quick-shop.tpl de...