Listado de productos

Articles

Cantidad de productos por página
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 pro...
Paginado Clásico
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 ...
Segunda imagen en rollover
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...
Imagen de categoría
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 ...
Filtro de marca
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 mar...
Descripción de Categoría
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 descripc...
Filtro de precio
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...
Scroll Híbrido
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ásica...
Filtros y orden de productos
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...
Colores en el item de producto
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...
Popup de compra rápida
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 quic...