Table, Repeater, Calendar, Media Gallery und Slideshow unterstützen besucherseitige Suche und Filter, damit große Collections auf der Live-Website nutzbar bleiben.
Filterfunktionen
- Match-Bedingungen pro Filter: equals, not equals, contains, starts/ends with, greater/less than oder between
- Mehrere Filter auf demselben Feld
- Datums- und Zahlenbereichssteuerungen
- Show filter vs. Choose value: Besucherkontrolle anzeigen oder immer einen festen Wert ohne UI anwenden
- Reference- und Multi-reference-Felder: equals / not equals oder includes / includes all, mit Optionen aus der verknüpften Collection — wählen Sie ein Display field für Options-Labels
- Color-Felder: mit Color swatches (und anderen Auswahlsteuerungen) filtern
- Gestyltes Such- und Filter-Chrome mit Website-Schriftarten
Dependent filters
Schalten Sie bei einem Auswahlfilter Dependent filter ein, um seine Optionen auf Werte zu beschränken, die nach Anwendung von Suche und den darüber gelisteten Filtern noch existieren. Platzieren Sie übergeordnete Filter weiter oben in der Liste, damit untergeordnete Filter korrekt kaskadieren.
Relative Datumsbereiche {#relative-date-ranges}
Bei DATE- oder DATETIME-Feldern im Modus Choose value setzen Sie Value type auf Relative range statt feste Daten einzutippen. Das Widget wendet den Bereich auf der Live-Website automatisch an (ohne Besuchersteuerung).
| Bereich | Inhalt |
|---|---|
| Today | Der aktuelle Kalendertag |
| Next 7 days | Heute plus die folgenden 6 Tage (7 Tage gesamt) |
| Next 30 days | Heute plus die folgenden 29 Tage |
| This calendar week | Sieben Tage ab dem Wochentag unter Week starts on (Sonntag bis Samstag) |
| This calendar month | Vom ersten bis zum letzten Tag des aktuellen Kalendermonats |
Tipp: Für Event-Wochen Freitag–Donnerstag: Between, Relative range → This calendar week, Week starts on → Friday.
Datums-Grenzen (Zeitzone) {#relative-date-timezone}
Bei Relative range legt Date boundaries fest, welche Zeitzone „heute“ und Mitternacht bedeutet:
| Option | Verhalten |
|---|---|
| Visitor’s device (Standard) | Kalender des Besucher-Browsers. |
| Site timezone | Zeitzone unter Wix Settings → Website settings → Time zone (z. B. America/Denver). Gleicher Cutoff für alle Besucher inkl. Sommerzeit. |
| Fixed timezone | IANA-Zone im Dropdown (z. B. GMT-6 — America/Denver). |
Nach Range, Week starts on und Date boundaries zeigt das Panel eine Live-Vorschau des effektiven Filters.
Regionale Event-Sites: Site timezone (oder Fixed timezone) für Wochen- und „nur kommende“-Filter, damit Listen nicht um UTC-Mitternacht umspringen.
Bedingungen: Between + This calendar week für die ganze Woche; On or after + Today inkl. heute; After + Today schließt heute aus.
Funktioniert auf Table, Repeater, Calendar, Media Gallery und Slideshow mit Wix CMS und External databases. Relative Choose value-Filter werden bei Add as URL query params nicht in die URL geschrieben.
Add as URL query params
Schalten Sie Add as URL query params ein, um Suche und Filter in der Seiten-URL zu halten, damit Besucher gefilterte Ansichten teilen oder als Lesezeichen speichern können. Funktioniert mit Wix CMS und External databases (Google Sheets, Airtable, Notion).
Filters display
Setzen Sie Filters display auf Top (über dem Inhalt) oder Side (linke Seitenleiste; fällt auf schmalen Layouts auf Top zurück).
Hinweise
- Im Calendar durchsucht die Suche die Felder Title und Details.
- Im Slideshow nutzt die Suche Title- / Text- / Button-label-Felder, wenn diese zugeordnet sind.
- Sie können Felder filtern, die in der Anzeige nicht gezeigt werden.
- Suche, Sortierung, Dependent filters und Add as URL query params funktionieren mit Wix CMS und External-Database-Verbindungen.
- v6.0 hat geändert, wie Suche & Filter von Table und Repeater gespeichert werden. Nach einem großen Update prüfen Sie Filter-Einstellungen an bestehenden Widgets erneut.
- Dynamic Page teilt verwandte Formatierungsoptionen (z. B. Value-Expressions), enthält aber keine Besuchersuche/-filter.
Konfigurieren Sie Filter in jedem Widget-Panel, nachdem Sie eine Collection verbunden haben — suchen Sie nach Search & filters, einschließlich Show search bar, Show filters button, Filters display, Add as URL query params und Dependent filter pro Filter.