Listado de productos

Articles

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...
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 ...
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...
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...
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...
Filtros y orden de productos
Filtros y orden de productos Filtros En este tutorial vamos a ver cómo agregar los filtros de categorías y propiedades, así como la posibilidad de ordenar los productos. HTML 1. Lo primero que vamos a hacer, actua...