Páginas de colección

Las colecciones son páginas que creas para agrupar productos específicos en categorías. Puedes tener colecciones inteligentes y colecciones manuales.

De forma predeterminada, las páginas de colección tienen las secciones Banner de colección y Cuadrícula de productos en el editor de temas.

Configuración de la sección del banner de colección

La sección Banner de colección muestra la descripción y la imagen destacada de la colección que se está visualizando.

La configuración de la sección Banner de colección en las páginas de colección

Configuración	Descripción
Mostrar descripción de la colección	Muestra la descripción de la colección.
Mostrar imagen de la colección	Muestra la imagen de la colección.
Esquema de colores	Un conjunto de colores que puedes aplicar a esta sección. Obtén más información sobre los esquemas de colores.

## Configuración de la sección de cuadrícula de productos {#product-grid-show-product-rating}

La sección Cuadrícula de productos muestra los productos que se incluyen en la colección que se está visualizando.

La configuración de la sección Cuadrícula de productos en las páginas de colección

Configuración	Descripción
Productos por página	La cantidad de productos que deseas mostrar en cada página. Elige entre múltiplos de 4, de 8 a 36.
Número de columnas en la versión para computadora	Establece el número de columnas que deben mostrar los productos en las computadoras de escritorio. Elige un número entre uno y seis.
Esquema de colores	Un conjunto de colores que puedes aplicar a esta sección. Obtén más información sobre los esquemas de colores.
Relación de aspecto de imagen	Establece la relación de aspecto para las imágenes destacadas de los productos que se muestran en la cuadrícula de productos. Elige entre las siguientes opciones: Adaptar a la imagen: utiliza la relación de aspecto de las imágenes. Esto impide que las imágenes se recorten. Retrato - Recorta las imágenes para usar una proporción de 2:3. Cuadrado - Recorta las imágenes para usar una proporción de 1:1.
Forma de la imagen	Elige una de las siguientes formas de la imagen para las imágenes del producto: Predeterminada: cambia la imagen del producto a una forma de rectángulo. Arco: le da una forma curva a la parte superior de la imagen del producto. Gota: cambia la imagen del producto a una de las seis formas aleatorias de gota que muestra una animación única al pasar el cursor. Comillas angulares hacia la izquierda: cambia la imagen del producto a una forma de comilla angular que tiene una curva cerrada hacia la izquierda. Comillas angulares hacia la derecha: cambia la imagen del producto a una forma de comilla angular que tiene una curva cerrada hacia la derecha. Diamante: cambia la imagen del producto a una forma de diamante con cuatro lados. Paralelogramo: cambia la imagen del producto a una forma que tiene dos pares de líneas paralelas. Redonda: cambia la imagen del producto a una forma de círculo u óvalo que muestra una animación única al pasar el cursor.
Mostrar segunda imagen al pasar el cursor	Cuando el cliente pasa el cursor sobre las imágenes del producto en una computadora de escritorio, esta opción muestra la segunda imagen del producto, si es que la hay.
Mostrar proveedor	Muestra el proveedor de cada producto.
Mostrar calificación de productos	Muestra la calificación promedio del producto en estrellas con la cantidad de reseñas entre paréntesis, por ejemplo: ★★★★★ (8). También requiere una aplicación de reseñas de productos y definiciones de metacampo para reviews.rating_count y reviews.rating.
Agregado rápido	Si activas la opción Agregado rápido, los clientes podrán agregar un artículo a su carrito desde la tarjeta del producto. Elige entre las siguientes opciones: Ninguno: no se muestra ninguna función de agregado rápido. Estándar: muestra uno de los siguientes botones de agregado rápido en las tarjetas de producto: Agregar al carrito: para los productos con una sola variante. Cuando un cliente hace clic en el botón, el producto se agrega automáticamente a su carrito. Elegir opciones: para los productos con variantes. Cuando un cliente hace clic en el botón, se muestra un cuadro de diálogo emergente para que seleccione la variante y continúe con la compra. Masivo: muestra la funcionalidad Lista de pedidos rápidos.
Habilitar filtrado	Selecciona esta opción si deseas que los clientes tengan opciones para filtrar la cuadrícula de productos.
Filtro de diseño para dispositivos de escritorio	Establece la forma en que se muestran los filtros en las computadoras de escritorio. Elige entre los diseños Horizontal, Vertical o Lateral.
Habilitar ordenado	Selecciona esta opción si deseas que los clientes tengan alternativas para clasificar el orden de visualización de los productos.
Número de columnas en la versión para móviles	Establece el número de columnas que deben mostrar los productos en los dispositivos móviles. Elige una o dos columnas.
Relleno superior	Establece la cantidad de espacio en la parte superior de la sección.
Relleno inferior	Establece la cantidad de espacio en la parte inferior de la sección.

Además de la configuración de la sección Cuadrícula de productos, también puedes ver y personalizar algunas de las opciones de la configuración del tema para las tarjetas de producto, y puedes agregar tu propio CSS personalizado específico de sección.