Built on WIX Headless

Docs Widgets Media-Gallery-Widget

Media-Gallery-Widget

Zeigen Sie Media-Gallery- oder Bildfelder als Grid, Masonry, Collage, Slider und mehr mit CMS for Harmony.

Das Media Gallery-Widget macht aus Media-Gallery-Feldern — oder Bildern/Videos über Items hinweg — reichhaltige Galerie-Layouts.

Layouts

Grid, Masonry, Collage, Slider, Slideshow, Strip und Column.

Interaktionen

  • Data source — Wix-CMS-Collection oder External Database (Google Sheets, Pro); siehe External databases
  • Lightbox für Bilder
  • Video playback — im Lightbox-Modal öffnen, inline per Klick abspielen oder stummes Autoplay (Bilder folgen weiterhin der gesetzten Klickaktion)
  • Optionale Klicks zu Dynamic Pages (nur Wix CMS; gemeinsame Link-Einstellungen mit anderen Anzeigen)
  • Search & filters — Show search bar, Show filters button, Filters display (Top / Side), Dependent filter und Add as URL query params
  • Data refresh — Show refresh button und/oder Auto-refresh, damit Besucher die neuesten Collection-Daten neu laden können
  • Payments (Pro) — Add to cart / Buy now in der Lightbox, wenn die Collection Katalogzahlungen aktiviert hat

Einrichtung

Nutzen Sie AI setup im Panel für einen Start in Alltagssprache und verfeinern Sie danach in Manual. Details: AI setup.

  1. Fügen Sie Media Gallery über Add → Elements → Installed Apps → CMS for Harmony hinzu (auch mehrfach möglich).
  2. Verbinden Sie eine Collection — oder setzen Sie Data source auf External Database und wählen Sie eine Google-Sheets-Verbindung (Pro).
  3. Wählen Sie Layout, Max. Bilder, Spalten und Klickverhalten.
  4. Aktivieren Sie optional Suche/Filter, Data refresh und Zahlungsaktionen.
  5. Veröffentlichen.

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.

Formulare können auch in Media-Gallery-Felder hochladen; Repeater und Dynamic Page können Galerie-Felder inline anzeigen.