Eine durchsuchbare Tabelle ist das richtige Layout, wenn Cards zu dünn wirken: Preislisten, Ressourcenbibliotheken, Membership-Roster, SKU-Inventare. Besucher scannen Spalten, tippen ein Keyword und filtern optional nach Kategorie—ohne eine Spreadsheet zu öffnen.
Dieser Walkthrough nutzt das Table-Widget von CMS for Harmony, das auf Editor, Studio und Harmony läuft. Native Wix kann Tabellen stellenweise annähern, aber eine dedizierte CMS-Tabelle mit Suche und Filtern ist meist schneller zu shippen.
Mehr Browsing-Muster: Wix-CMS-Guide.
Was du baust
| Piece | Choice |
|---|---|
| Data | Collection wie Resources (Title, Category, Format, Link, Updated) |
| Display | Table-Widget |
| Findability | Search bar + Category-Filter |
| Optional | Zeilen-Links zu Item-Seiten |
Wann Table vs Repeater
| Bevorzuge eine Table, wenn… | Bevorzuge einen Repeater, wenn… |
|---|---|
| Viele Spalten, dichtes Scannen | Fotos und kurze Stories zählen |
| Inventare und Ressourcenlisten | Marketing-Verzeichnisse und Portfolios |
| Vergleich im Spreadsheet-Stil | Card-Layouts |
In CMS for Harmony meint „Cards“ Repeater-Layout.
Schritte
- CMS for Harmony installieren und eine Collection mit den nötigen Spalten anlegen.
- Das Table-Widget auf eine Seite setzen.
- Collection verbinden, Felder als Spalten wählen und Breiten setzen (auto oder fixed).
- Search & filters öffnen → Show search bar aktivieren.
- Filter (Category, Format usw.) mit Show filter ergänzen. Ranges für Zahlen oder Daten bei Bedarf.
- Optional eine native Collection-Seite hinzufügen und Zeilen zu Item-URLs verlinken (Dynamic Pages How-to).
- Publishen. Suche, Filter und Mobile-Scroll der Tabelle testen.
Produktreferenz: Table-Widget. Filter-Details: Search & filters.
Beispiel: Ressourcenbibliothek
- Felder: Title, Category, File type, URL, Last updated.
- Diese Felder auf Spalten mappen.
- Suche auf Title; Filter auf Category und File type.
- Wenn du woanders auch eine freundlichere Card-Ansicht willst, dieselbe Collection mit einem Repeater und Kategoriefiltern wiederverwenden.