> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Muestra tus colecciones con el elemento Lista de colecciones

> Agrega tus colecciones con imagen y datos SEO a cualquier página de la tienda y mejora su posicionamiento.

El elemento **Lista de colecciones** muestra tus colecciones de productos (por ejemplo "Novedades", "Hombre", "Ofertas") en cualquier página de tu sitio que tenga la tienda activada. Cada colección puede llevar su propia imagen y sus datos SEO, lo que mejora tanto la navegación como el posicionamiento de tus páginas de colección en buscadores.

## Paso 1: prepara tus colecciones

**1. Abre las colecciones**

Ve a **Pagos → Productos → Colecciones**.

**2. Agrega imagen y SEO**

Edita cada colección para subir una imagen y completar sus datos SEO: título, descripción y URL (handle).

La imagen y los datos SEO se usan para generar las etiquetas SEO de la lista de productos cuando está filtrada por esa colección. Así cada colección puede posicionarse con su propio título y descripción.

## Paso 2: agrega el elemento

En el constructor de la tienda, abre el panel de elementos, entra en la sección **Tienda** y arrastra **Lista de colecciones** a la página.

## Paso 3: personaliza el diseño

El elemento se agrega con tres colecciones de ejemplo. Desde su configuración puedes ajustar:

* Título, márgenes, relleno, colores, bordes y fuentes.
* Columnas: 3 por defecto, con un máximo de 5 en computadora y 2 en móvil.
* Si no quieres título, deja vacío el campo **Título**.

## Paso 4: asigna tus colecciones reales

Selecciona cada colección de ejemplo y reemplázala por una de tus colecciones. Este paso es obligatorio antes de publicar: si dejas los ejemplos, tu sitio en vivo no mostrará tus productos.

> [!TIP]
>
> Puedes hacer doble clic sobre una colección en el lienzo para asignarla directamente. Los cambios se sincronizan al instante entre el panel lateral y el lienzo.

## Cómo se ve cada colección

* Si la colección tiene imagen, se muestra la imagen.
* Si no tiene imagen, se muestra su nombre centrado sobre un fondo de color.

## Artículos relacionados

> **[SEO de productos](https://help.chateea.com/docs/tienda/seo-de-productos.md)**
>
> Optimiza títulos, descripciones y URLs de cada producto.

> **[Productos relacionados](https://help.chateea.com/docs/tienda/productos-relacionados.md)**
>
> Aprovecha las colecciones para sugerir productos.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.