Das Repeater-Widget mappt Collection-Felder in wiederholende Layouts — Karten, Listen und Raster. In CMS for Harmony bedeutet „cards“ ein Repeater-Layout, kein separates Widget.
Was Sie tun können
- Data source — Wix-CMS-Collection oder External Database (Google Sheets, Pro); siehe External databases
- AI setup — in Alltagssprache beschreiben, was Sie wollen, dann in Manual verfeinern; siehe AI setup
- Beliebige Collection-Felder anzeigen (umordnen und jedes stylen), einschließlich Address (Text, OpenStreetMap oder beides), Color (Swatch, HEX oder beides), Video (Modal / per Klick abspielen / stumm Autoplay) und Reference / Multi-reference als lesbare Labels
- Raster-, Listen- und Zeilenlayouts mit Kartenbreite, Ausrichtung, Hintergrund, Padding und Schatten
- Card background — Solid color für jede Karte, oder Image from field (Bild oder Video) mit Fit, Focus und Fallback color, wenn das Item kein Bild hat
- Benutzerdefiniertes Kartenlayout: Felder in einem Raster innerhalb jeder Karte platzieren
- Show timezone bei Date-&-time-Feldern (lokale Abkürzung des Besuchers)
- Suche und Filter (einschließlich fester Choose-value-Filter, Dependent filters, Add as URL query params, Reference-Felder, Color-Swatches und Filters display oben oder seitlich)
- Data refresh — Show refresh button und/oder Auto-refresh, damit Besucher die neuesten Collection-Daten neu laden können
- Scroll to top on page change — wenn Besucher die Seitennummerierung wechseln, scrollt die Ansicht, sodass der obere Rand des Widgets sichtbar ist
- Quick view — Popup mit zusätzlichen Item-Feldern öffnen (Kartenklick, Button und/oder Feld-Trigger; Größe, Layout und Zurück/Weiter-Navigation)
- Payments (Pro) — Add to cart / Buy now auf jeder Karte, wenn die Collection Katalogzahlungen aktiviert hat
- Ganze Karten oder einen Button mit Dynamic Pages verknüpfen (nur Wix CMS)
- Mobiler Zeilen-Scroll mit Snap und Steuerung
- Website-Schriftarten für Titel, Fließtext, Buttons und Such-Chrome
Einrichtung
- Fügen Sie Repeater über Add → Elements → Installed Apps → CMS for Harmony hinzu (auch mehrfach möglich).
- Verbinden Sie eine Collection — oder setzen Sie Data source auf External Database und wählen Sie eine Google-Sheets-Verbindung (Pro). Oder öffnen Sie AI setup und beschreiben Sie das Layout in Alltagssprache.
- Wählen Sie Layout (grid / list / row) und Styling.
- Verknüpfen Sie optional Item-Seiten (Wix CMS), aktivieren Sie Suche/Filter, Data refresh, Scroll to top on page change, Quick view und schalten Sie Zahlungsaktionen ein.
AI setup
Im Panel zu AI setup wechseln, um den Repeater aus einer kurzen Beschreibung zu konfigurieren (Felder, Layout, Filter, Design, Quick view, Zahlungen und mehr). Nutzen Sie Undo / Continue, oder wechseln Sie zu Manual für Feintuning. Details: AI setup.
Data refresh
In Data refresh schalten Sie Show refresh button und/oder Auto-refresh ein, damit Besucher die neuesten Collection-Daten neu laden können. Auto-refresh pausiert, wenn der Tab ausgeblendet ist. Ein Form auf derselben Seite mit Update displays on this page kann dieses Widget nach dem Absenden ebenfalls neu laden, wenn dieselbe Collection genutzt wird.
Scroll to top on page change
Wenn Pagination aktiv ist, aktivieren Sie Scroll to top on page change, damit Prev/Next die Seite scrollt und der obere Rand des Widgets sichtbar bleibt.
Quick view
Im Panel-Abschnitt Quick view (Wix CMS) aktivieren Sie das Popup und wählen Sie die anzuzeigenden Felder. Legen Sie fest, wie es öffnet (Kartenklick, eigener Button und/oder Feldklick), Größe und Layout sowie, ob Besucher zwischen Items vor-/zurück navigieren können. Nutzen Sie View full page im Popup, wenn Dynamic-Page-Links konfiguriert sind.
Address-Felder
Für CMS-Address-Felder öffnen Sie das Feld unter Formatting und setzen Sie Display as:
- Text — formatierte Adresszeile
- Map — interaktiver OpenStreetMap-Pin (Koordinaten am Wert erforderlich)
- Text and map — beides
Sie können auch die Kartenhöhe festlegen. Wenn der Map-Modus gewählt ist, aber Koordinaten fehlen, fällt das Widget auf Text zurück, sofern verfügbar.
Video-Felder
Für Video-Felder (und Videos in Galerien) setzen Sie Video playback auf Öffnen im Modal, Inline-Wiedergabe per Klick oder stummes Autoplay.
Color-Felder
Für CMS-Color-Felder setzen Sie Display as auf Swatch, Hex oder Swatch and hex und passen Sie optional die Swatch-Größe an.
Reference-Felder
Für Reference- / Multi-reference-Felder wählen Sie ein Display field aus der verknüpften Collection für das Label auf der Karte (und in Filtern).
Ideal für Teamverzeichnisse, Produktkarten und Portfolios.