CMS: mostrar las categorías de productos de Wix Stores en una página dinámica de lista
10 min
En este artículo
- Paso 1 | Agrega una página dinámica de lista para tus categorías
- Paso 2 | Conecta el repetidor, la galería o la tabla al CMS
- (Opcional) Paso 3 | Administra los ajustes del conjunto de datos
Crea una página dinámica de lista para mostrar todas las categorías de productos de Wix Stores en un solo lugar. Cuando los visitantes hacen clic en una categoría, se los dirige a la página de categoría correspondiente, donde pueden ver los productos. También puedes mostrar las categorías de Wix Stores en páginas no dinámicas, como la página de inicio o la del carrito.
Puedes usar un repetidor personalizable o una galería Wix Pro para mostrar las categorías que desees. Desde los ajustes del conjunto de datos de la página, puedes establecer un límite para la cantidad de categorías que se muestran a la vez. En el conjunto de datos, también puedes agregar filtros para mostrar solo ciertas categorías o agregar clasificaciones para controlar el orden en el que se muestran.
Importante:
Debes tener la nueva versión de categorías de productos de Wix Stores para seguir este tutorial. Si no la tienes, aprende cómo crear manualmente una galería de categorías con la versión original de categorías de productos.
Antes de comenzar:
- Crea varias categorías de productos en Wix Stores.
- Asegúrate de agregar el CMS a tu sitio si aún no lo has hecho.
- Habilita las colecciones de apps de Wix para que puedas usar Wix Stores con el CMS.
Paso 1 | Agrega una página dinámica de lista para tus categorías
Ve a Colecciones de apps de Wix en el CMS del editor y crea una página dinámica de lista a partir de la colección Stores. Esta página incluye un repetidor que ya está parcialmente conectado a las categorías de Wix Stores. Si lo prefieres, puedes eliminar el repetidor y agregar una galería Wix Pro o una tabla en su lugar para mostrar tus categorías.
Editor de Wix
Editor de Wix Studio
- Ve al editor.
- Haz clic en CMS
a la izquierda del editor. - Haz clic en Colecciones de apps de Wix a la izquierda.
- Desplázate hacia abajo hasta la sección Stores, pasa el cursor sobre Collections y haz clic en el icono Más acciones
. - Haz clic en Agregar página dinámica.
- Haz clic en Página de una lista.
- Haz clic en Agregar al sitio.
- (Opcional) Usa una galería o una tabla para mostrar tus categorías en lugar de un repetidor:
- Selecciona el repetidor y pulsa Eliminar en el teclado para eliminarlo.
- Agrega la galería Wix Pro o una tabla a la página.
- (Solo en la galería) Haz clic en la galería y selecciona Organizar multimedia.
- (Solo en la galería) Haz clic en Elegir todo y luego en Eliminar para eliminar todas las imágenes predeterminadas de la galería. Luego haz clic en Hecho.
Consejo: Si deseas usar un estilo de repetidor diferente, puedes eliminar el repetidor predeterminado y agregar uno nuevo. Conectarás los elementos repetidores en el siguiente paso.
Paso 2 | Conecta el repetidor, la galería o la tabla al CMS
Conecta los campos dinámicos de la colección a un repetidor, una galería o una tabla. Los valores de estos campos dinámicos cambian en tu sitio online según la categoría que se muestre. Asegúrate de enlazar los botones o las imágenes a la URL de la página. Este enlace permite a los visitantes hacer clic para ir a la página de categoría de Wix Stores correspondiente.
Editor de Wix
Editor de Wix Studio
- En el editor, haz clic en el repetidor, la galería Wix Pro o la tabla.
- Haz clic en el icono Conectar a CMS
. - Haz clic en el menú desplegable Elige un conjunto de datos y selecciona Collections.
- (Solo en los repetidores) En Conexiones, haz clic en el elemento repetidor que deseas conectar.
Nota: Si estás usando el repetidor predeterminado incluido con la página dinámica, los elementos Imagen y Texto ya están conectados. Puedes eliminar el elemento de texto adicional o desconectarlo y reemplazarlo con texto estático. - Haz clic en los menús desplegables correspondientes y selecciona los campos dinámicos de colección que deseas conectar:
- Nombre (texto): el nombre de la colección establecido en Wix Stores.
- Multimedia principal (imagen): la imagen de la colección establecida en Wix Stores.
- Slug (texto): la parte única de la URL al final de la dirección web de tu página de categoría. Puedes proceder a su configuración editando los ajustes de SEO de cada categoría de Wix Stores.
- ID (texto): el código de identificación único en el backend de cada categoría.
- Navegar a la URL de la página: la dirección web de la página de categoría correspondiente. Para los botones, haz clic en el menú desplegable La acción del clic conecta a para seleccionar Navegar a la URL de la página. Para las imágenes o la galería Wix Pro, haz clic en el menú desplegable Los enlaces se conectan a para seleccionar Navegar a la URL de la página.
- (Solo repetidores) Haz clic en Conectar repetidor y repite los pasos 4 y 5 anteriores para conectar elementos adicionales en el repetidor.
- Haz clic para ajustar los elementos repetidores, la galería Wix Pro o la tabla según sea necesario.
Consejo: Puedes agregar o eliminar elementos del repetidor en cualquier momento. Desconecta los elementos si deseas usar contenido estático que no cambie según la categoría correspondiente. - Haz clic en Vista previa para probar tu página dinámica de categorías Stores.
- Haz clic en Publicar si quieres publicar los cambios.
(Opcional) Paso 3 | Administra los ajustes del conjunto de datos
En los ajustes de tu conjunto de datos, puedes elegir el máximo de categorías que se pueden mostrar a la vez. También puedes agregar filtros para incluir solo ciertas categorías o agregar clasificaciones para controlar el orden en el que se muestran las categorías.
Nota:
El campo Ítems por carga no se aplica a las tablas. Si usas una tabla para mostrar tus productos, puedes limitar el número de ítems que se muestran haciendo clic en el icono Estilo 
. Luego, establece una altura de tabla personalizada y habilita la paginación.
. Luego, establece una altura de tabla personalizada y habilita la paginación. Editor de Wix
Editor de Wix Studio
- En el editor, haz clic en el repetidor, la galería Wix Pro o la tabla.
- Haz clic en el icono Conectar a CMS .
- Haz clic en Ajustes del conjunto de datos.
- (Opcional) Haz clic en el tipo de permiso junto a Permisos para determinar quién puede ver, agregar, actualizar o eliminar el contenido de la colección en tu sitio online.
- Edita el campo Ítems por carga para establecer el número máximo de ítems que se pueden cargar a la vez.
Nota: Este es también el número máximo de ítems que se pueden cargar cuando los visitantes hacen clic en los botones 'Mostrar más', los botones 'Próxima página' y 'Página anterior' o las barras de paginación. - (Opcional) Haz clic en + Agregar filtro para mostrar solo categorías específicas en el repetidor o la galería.
- (Opcional) Haz clic en + Agregar nuevo orden para elegir el orden en el que aparecen las categorías en el repetidor o en la galería.
- Haz clic en Vista previa para probar tu página dinámica de categorías Stores.
- Haz clic en Publicar si quieres publicar los cambios.