Kollektionen und Suche
Filter-Layouts, Kollektionsvorlagen, das Produktraster und Suchergebnisse.
Filter
Filter stammen aus Shopifys kostenloser App Search & Discovery. Installiere sie und wähle die Filter aus (Verfügbarkeit, Preis, Produkttyp, Hersteller, Tags, Variantenoptionen wie Nuance oder Größe). Celestine zeigt genau diese an.
| Filter-Layout auf dem Desktop | Ideal für |
|---|---|
| Seitenleiste | Große Sortimente mit vielen Filtern |
| Horizontale Leiste | Weniger Filter und ein breiteres Raster; jeder Filter öffnet sich als Dropdown |
| Schublade | Ein ruhiges Raster, Filter nur einen Klick entfernt |
Auf Smartphones öffnen sich Filter immer in einer Schublade. Aktive Filter erscheinen als Chips mit dem Link Alle löschen.
Kollektionsvorlagen
collection: Filter in der Seitenleiste, drei Spalten, eine Promo-Kachel, Kategoriekacheln sowie Story und FAQ darunter.collection.filters-top: horizontale Filterleiste, vier Spalten und eine Produktreihe darunter.
Weise einer Kollektion im Admin unter Theme-Vorlage eine Vorlage zu.
Produktraster
- Produkte pro Seite, Spalten auf dem Desktop (3 oder 4) und mobil (1 oder 2). Kund:innen können die Dichte selbst umschalten.
- Seitenumbruch: Seitenzahlen, ein „Mehr laden“-Button oder endloses Scrollen.
- Promo-Kachel: Ein Promo-Block setzt eine Bildkarte an beliebiger Stelle ins Raster.
- Karten beim Scrollen einblenden: Karten unterhalb der ersten Reihe blenden beim Erscheinen ein.
- Banner: das Kollektionsbild mit einstellbarer Abdunklung, Titel und Beschreibung.
Suche
Die vorausschauende Suche zeigt schon beim Tippen Produkte, Kollektionen, Seiten und Artikel – vollständig per Tastatur bedienbar. Die Suchergebnisseite hat Tabs für jeden Ergebnistyp und dieselben Filter wie Kollektionen.