El widget Repeater mapea campos de la colección a layouts repetidos: tarjetas, listas y grids. En CMS for Harmony, “cards” significa un layout de Repeater, no un widget aparte.
Qué puedes hacer
- Data source — colección de Wix CMS, o External Database (Google Sheets, Pro); consulta External databases
- AI setup — describe lo que quieres en lenguaje natural y luego afina en Manual; consulta AI setup
- Mostrar cualquier campo de la colección (reordenar y estilizar cada uno), incluidos Address (texto, OpenStreetMap o ambos), Color (swatch, hex o ambos), Video (modal / reproducir al clic / autoplay silenciado) y Reference / Multi-reference como etiquetas legibles
- Layouts grid, lista y fila con ancho de tarjeta, alineación, fondo, padding y sombra
- Card background — Solid color para todas las tarjetas, o Image from field (imagen o vídeo) con Fit, Focus y Fallback color cuando el ítem no tiene imagen
- Layout personalizado de tarjeta: coloca campos en una cuadrícula dentro de cada tarjeta
- Show timezone en campos Date & time (abreviatura local del visitante)
- Búsqueda y filtros (incluidos filtros fijos Choose value, Dependent filters, Add as URL query params, campos Reference, swatches de Color y Filters display arriba o al lado)
- Data refresh — Show refresh button y/o Auto-refresh para que los visitantes recarguen los datos más recientes de la colección
- Scroll to top on page change — cuando los visitantes cambian de página en la paginación, desplaza la vista para que la parte superior del widget quede visible
- Quick view — abrir un popup con campos extra del ítem (clic en tarjeta, botón y/o disparadores de campo; tamaño, layout y navegación anterior/siguiente)
- Payments (Pro) — Add to cart / Buy now en cada tarjeta cuando la colección tiene pagos de catálogo activados
- Vincular tarjetas completas o un botón a Dynamic Pages (solo Wix CMS)
- Scroll horizontal en móvil con snap y controles
- Fuentes del sitio para títulos, cuerpo, botones y la interfaz de búsqueda
Configuración
- Añade Repeater desde Add → Elements → Installed Apps → CMS for Harmony (puedes añadirlo más de una vez).
- Conecta una colección — o configura Data source en External Database y elige una conexión de Google Sheets (Pro). O abre AI setup y describe el layout en lenguaje natural.
- Elige layout (grid / lista / fila) y estilo.
- Opcionalmente vincula a páginas de ítem (Wix CMS), activa búsqueda/filtros, Data refresh, Scroll to top on page change, Quick view y acciones de pago.
AI setup
En el panel, cambia a AI setup para configurar el Repeater a partir de una descripción corta (campos, layout, filtros, diseño, Quick view, pagos y más). Usa Undo / Continue, o cambia a Manual para afinar. Detalles: AI setup.
Data refresh
En Data refresh, activa Show refresh button y/o Auto-refresh para que los visitantes recarguen los datos más recientes de la colección. Auto-refresh se pausa cuando la pestaña está oculta. Un Form en la misma página con Update displays on this page también puede recargar este widget tras el envío cuando usa la misma colección.
Scroll to top on page change
Cuando la paginación está activa, habilita Scroll to top on page change para que Prev/Next desplace la página y mantenga visible la parte superior del widget.
Quick view
En la sección del panel Quick view (Wix CMS), activa el popup y elige qué campos mostrar. Elige cómo se abre (clic en tarjeta, botón dedicado y/o clic en campo), tamaño y layout, y si los visitantes pueden moverse anterior/siguiente entre ítems. Usa View full page en el popup cuando haya enlaces a Dynamic Page configurados.
Campos Address
Para campos Address del CMS, abre el campo en Formatting y configura Display as:
- Text — línea de dirección formateada
- Map — pin interactivo de OpenStreetMap (necesita coordenadas en el valor)
- Text and map — ambos
También puedes definir la altura del mapa. Si eliges modo mapa pero faltan coordenadas, el widget vuelve al texto cuando esté disponible.
Campos Video
Para campos Video (y vídeos dentro de galerías), configura Video playback para abrir en un modal, reproducir en línea al hacer clic, o autoplay silenciado.
Campos Color
Para campos Color del CMS, configura Display as en Swatch, Hex o Swatch and hex, y opcionalmente ajusta el tamaño del swatch.
Campos Reference
Para campos Reference / Multi-reference, elige un Display field de la colección relacionada para la etiqueta que se muestra en la tarjeta (y en los filtros).
Ideal para directorios de equipo, tarjetas de producto y portfolios.