Kapitel 2 – Produkte durchsuchen und finden

In diesem Kapitel: die Produktlisten-Seiten — Kategorie, Suchergebnisse, Marke und Kollektion — sowie die gemeinsamen Filter- und Sortierwerkzeuge.

2.1 Kategorieseite

Breadcrumb-Navigation: Startseite → übergeordnete Kategorie → aktuelle Kategorie; per Klick lässt sich zurücknavigieren.
Titel und Beschreibung der Kategorie + Schnellzugriff auf Unterkategorien.
Raster mit Produktkarten (Abschnitt 2.4).

Filter (Dropdown/Seitenspalte):
Unterkategorie und Marke
Produkteigenschaften (z. B. Farbe mit Farbfeldern, Größe)
Verfügbarkeit (nur verfügbare Artikel)
Kundenbewertung
Preisspanne (Minimum/Maximum)
Sonderangebote/ausgewählte Artikel
Aktive Filter-Chips: Jeder angewendete Filter wird oberhalb der Liste angezeigt und lässt sich mit einem Klick entfernen; auch „Alle entfernen“ ist vorhanden.
Sortierung: Nur Neueste und Älteste (auf der Suchseite kommt zusätzlich „Relevanteste“ hinzu).
Anzahl pro Seite sowie die Wahl zwischen klassischer Seitennummerierung und Endlos-Scrollen.
Anzahl der Ergebnisse oberhalb der Liste.

Stichwortsuche im gesamten Katalog, sortiert nach Relevanz.
Dieselben Filter und Bedienelemente wie in Abschnitt 2.2.
Bereich „Passende Ergebnisse“: Kategorien, Marken und Inhalte, die zum Suchbegriff passen.
Vorschlag für den Suchbegriff und die Möglichkeit, „innerhalb“ einer Kategorie/Marke zu suchen.
Zustand ohne Ergebnisse, mit dem Vorschlag, die Suche breiter zu fassen.

In allen Listen ist jeder Artikel eine Karte:

Bild, Name, Preis und Sternebewertung
Farb-/Merkmalmuster auf der Karte
Verfügbarkeitshinweise („Auf Bestellung“, „Begrenzter Bestand“)
Schnellansicht: Details ansehen und sogar in den Warenkorb legen, ohne die Liste zu verlassen
Klick auf die Karte → vollständige Produktseite (Kapitel 3)

Marke: Alle Produkte einer Marke mit denselben Filtern/Sortierungen.
Kollektion: Eine kuratierte Gruppe, die der Betreiber erstellt hat (z. B. „Sommer-Empfehlungen“); ist sie noch nicht befüllt, wird der Zustand „Demnächst“ angezeigt.