O widget Repeater mapeia campos da coleção em layouts repetidos — cards, listas e grades. No CMS for Harmony, “cards” significa um layout do Repeater, não um widget separado.
O que você pode fazer
- Data source — coleção do Wix CMS, ou External Database (Google Sheets, Pro); consulte External databases
- AI setup — descreva o que você quer em linguagem simples e depois refine no Manual; veja AI setup
- Mostrar quaisquer campos da coleção (reordene e estilize cada um), incluindo Address (texto, OpenStreetMap ou ambos), Color (swatch, hex ou ambos), Video (modal / reproduzir ao clicar / autoplay silenciado) e Reference / Multi-reference como rótulos legíveis
- Layouts em grade, lista e linha com largura do card, alinhamento, fundo, padding e sombra
- Card background — Solid color para todos os cards, ou Image from field (imagem ou vídeo) com Fit, Focus e Fallback color quando o item não tem imagem
- Layout personalizado do card: posicione campos em uma grade dentro de cada card
- Show timezone em campos Date & time (abreviação local do visitante)
- Busca e filtros (incluindo filtros fixos Choose value, Dependent filters, Add as URL query params, campos Reference, Color swatches e Filters display no topo ou na lateral)
- Data refresh — Show refresh button e/ou Auto-refresh para que visitantes recarreguem os dados mais recentes da coleção
- Scroll to top on page change — quando visitantes mudam de página na paginação, rola a visualização para que o topo do widget fique visível
- Quick view — abrir um popup com campos extras do item (clique no card, botão e/ou gatilhos de campo; tamanho, layout e navegação anterior/próximo)
- Payments (Pro) — Add to cart / Buy now em cada card quando a coleção tem pagamentos de catálogo ativados
- Vincular cards inteiros ou um botão a Dynamic Pages (somente Wix CMS)
- Rolagem em linha no mobile com snap e controles
- Fontes do site para títulos, corpo, botões e chrome de busca
Configuração
- Adicione Repeater em Add → Elements → Installed Apps → CMS for Harmony (você pode adicioná-lo mais de uma vez).
- Conecte uma coleção — ou defina Data source como External Database e escolha uma conexão do Google Sheets (Pro). Ou abra AI setup e descreva o layout em linguagem simples.
- Escolha o layout (grade / lista / linha) e o estilo.
- Opcionalmente vincule a páginas de item (Wix CMS), ative busca/filtros, Data refresh, Scroll to top on page change, Quick view e ações de pagamento.
AI setup
No painel, alterne para AI setup para configurar o Repeater a partir de uma descrição curta (campos, layout, filtros, design, Quick view, pagamentos e mais). Use Undo / Continue, ou alterne para Manual para ajustes finos. Detalhes: AI setup.
Data refresh
Em Data refresh, ative Show refresh button e/ou Auto-refresh para que visitantes recarreguem os dados mais recentes da coleção. Auto-refresh pausa quando a aba está oculta. Um Form na mesma página com Update displays on this page também pode recarregar este widget após o envio quando usa a mesma coleção.
Scroll to top on page change
Com a paginação ativa, habilite Scroll to top on page change para que Prev/Next role a página e mantenha o topo do widget visível.
Quick view
Na seção do painel Quick view (Wix CMS), ative o popup e escolha quais campos mostrar. Defina como ele abre (clique no card, botão dedicado e/ou clique no campo), tamanho e layout, e se os visitantes podem navegar anterior/próximo entre itens. Use View full page no popup quando links de Dynamic Page estiverem configurados.
Campos Address
Para campos Address do CMS, abra o campo em Formatting e defina Display as:
- Text — linha de endereço formatada
- Map — pin interativo do OpenStreetMap (precisa de coordenadas no valor)
- Text and map — ambos
Você também pode definir a altura do mapa. Se o modo mapa estiver selecionado mas as coordenadas faltarem, o widget volta para texto quando disponível.
Campos Video
Para campos Video (e vídeos dentro de galerias), defina Video playback para abrir em um modal, reproduzir embutido ao clicar, ou autoplay silenciado.
Campos Color
Para campos Color do CMS, defina Display as como Swatch, Hex ou Swatch and hex, e opcionalmente ajuste o tamanho do swatch.
Campos Reference
Para campos Reference / Multi-reference, escolha um Display field da coleção relacionada para o rótulo mostrado no card (e nos filtros).
Ótimo para diretórios de equipe, cards de produto e portfólios.