Cómo crear colecciones de productos y mostrarlas en la tienda
Crea la colección en Pagos › Productos › Colecciones (nombre, imagen, título y descripción SEO, handle). Luego, en el editor de la tienda, añade el elemento Lista de colecciones, haz clic en cada tarjeta y elige la colección real. Guarda y publica.
Actualizado el
Antes de empezar
- Necesitas acceso a Pagos y a Sitios en tu cuenta.
- La tienda ya tiene que estar creada y los productos creados con Incluir en la tienda online activado.
- Ten una imagen para cada colección si quieres mostrar imágenes en lugar de solo texto.
Dónde encontrarlo
Pagos › Productos › Colecciones · y después, en el editor de la tienda, Añadir elemento › Tienda › Lista de colecciones
Paso a paso
Crear o editar la colección
- Abre Pagos › Productos y haz clic en Colecciones.
- Crea una colección nueva o abre una existente.
- Rellena el nombre y, si quieres, sube una imagen.
- Rellena el título SEO, la descripción SEO y el handle (la parte final de la dirección de la colección).
- Guarda y añade los productos a la colección.
Mostrar las colecciones en una página de la tienda
- Abre la tienda en el editor de páginas y entra en la página donde quieres la lista (por ejemplo, la página de inicio).
- Haz clic en Añadir elemento y, en la categoría Tienda, arrastra Lista de colecciones a la página.
- El elemento aparece con 3 colecciones de ejemplo. Haz clic en el elemento para abrir los ajustes a la derecha.
- En el grupo Colecciones, haz clic en cada tarjeta y elige la colección real. También puedes hacer doble clic en la tarjeta en la propia pantalla: si aún no tiene colección, se abre el panel de selección; si ya la tiene, la colección queda resaltada.
- En Texto, escribe el título de la sección o deja el campo vacío para no mostrar título.
- En la pestaña Diseño, define el número de columnas en ordenador (máximo 5) y en móvil (máximo 2). Por defecto son 3.
- Ajusta márgenes, colores, bordes y fuentes como en cualquier otro elemento.
- Haz clic en Guardar y después en Publicar.
Consejos
- Si la colección tiene imagen, la tarjeta muestra la imagen; si no, muestra el nombre centrado sobre un fondo.
- La imagen y los datos SEO de la colección se usan en la página de lista de productos cuando el cliente filtra por esa colección.
- El orden de las colecciones en el elemento se mantiene aunque añadas o quites tarjetas.
Problemas comunes
- En la web publicada salen colecciones de ejemplo → Las tarjetas aún no están vinculadas a colecciones reales. Haz clic en cada una y elige la colección; los ejemplos no sirven de nada en la web en vivo.
- La tarjeta no muestra la imagen → La colección no tiene imagen subida. Abre la colección en Pagos › Productos › Colecciones y añádela.
- Los cambios no se ven en la web → Falta publicar. Haz clic en Guardar y Publicar en el editor.
- No puedo poner más de 5 columnas → Es el máximo en ordenador (2 en móvil).
¿Te ha resultado útil?
Gracias por tu opinión.
