Produktkatalog

Produkte #

Jedes Produkt im Katalog verfügt über die folgenden Felder:

Jedes Produkt unterstützt außerdem einen produktspezifischen Mindestbestandsschwellenwert. Ist er gesetzt, überschreibt dieser Wert die shopweite Warnschwelle für geringen Bestand für genau dieses Produkt. So kannst du Warnungen pro Produkt strenger oder großzügiger konfigurieren.

Varianten #

Ein einzelnes Produkt kann mehrere Varianten haben, die Kombinationen von Optionen wie Größe und Farbe abbilden. Jede Variante hat eigene:

• Preise – können vom Grundpreis des Produkts und von anderen Varianten abweichen.
• Bestände – werden je Variante unabhängig geführt.
• SKU – eindeutige Kennung pro Variante.

Farbfelder werden sowohl auf der Produktdetailseite als auch auf der Kategorieübersicht automatisch dargestellt, sobald eine Variantenoption den Namen „Color“ trägt. Farbfelder ermöglichen es, verfügbare Farben zu sehen und auszuwählen, ohne ein Dropdown öffnen zu müssen.

Kategorien #

Kategorien sind in einem verschachtelten Baum mit unbegrenzter Tiefe organisiert, sodass du Hierarchien in beliebiger Tiefe abbilden kannst (z. B. Bekleidung > Herren > Jacken). Wichtige Verhaltensweisen:

• Hervorgehobene Kategorien – als hervorgehoben markierte Kategorien erscheinen im Kategoriebereich der Startseite.
• Breadcrumbs – jede Kategorieseite und jede Produktdetailseite zeigt eine Breadcrumb-Navigation mit dem vollständigen Kategoriepfad.
• Abfragen über Unterkategorien – wird eine übergeordnete Kategorie aufgerufen, werden Produkte aus allen untergeordneten Kategorien und deren Unterkategorien automatisch in die Ergebnisse einbezogen.

Produktdetailseite #

Die Produktdetailseite bietet alles, was zur Bewertung und zum Kauf eines Produkts nötig ist:

• Bildergalerie – mehrere Produktbilder in einer scrollbaren Galerie, per Klick in einer bildschirmfüllenden Lightbox.
• Variantenauswahl – Farboptionen werden als Farbfelder dargestellt; andere Optionstypen (Größe, Material usw.) verwenden Textschaltflächen. Die Auswahl einer Variante aktualisiert Preis, Bestands-Badge und verfügbare Bilder unmittelbar.
• Umgang mit fehlendem Bestand – ist eine gewählte Variante nicht auf Lager, wird die Schaltfläche „In den Warenkorb“ durch ein Formular zur Wiederverfügbarkeitsbenachrichtigung ersetzt, sodass eine E-Mail bei erneuter Verfügbarkeit angefordert werden kann.
• Dynamische Preise – der angezeigte Preis wird sofort aktualisiert, sobald eine andere Variante gewählt wird.
• Bestands-Badge – eine sichtbare Anzeige signalisiert, ob die gewählte Variante auf Lager, knapp oder nicht verfügbar ist.
• Mengenauswahl – die gewünschte Menge kann vor dem Hinzufügen zum Warenkorb festgelegt werden.
• In den Warenkorb – fügt den Artikel ohne Neuladen der Seite hinzu (AJAX); das Mini-Warenkorb-Panel wird entsprechend aktualisiert.
• Wunschlisten-Schalter – ein Herzsymbol erlaubt angemeldeten Kundinnen und Kunden sowie Gästen, das Produkt auf der Wunschliste zu speichern.
• Ähnliche Produkte – unterhalb des Hauptinhalts wird eine kuratierte oder automatisch erzeugte Reihe verwandter Produkte angezeigt.
• Bewertungen – die Kundenbewertungen des Produkts werden auf der Seite aufgeführt, zusammen mit einem Formular zum Abgeben einer neuen Bewertung.
• Strukturierte Daten – die Seite enthält JSON-LD-Markup (Product, Offer, AggregateRating) für Google Shopping und Rich Results.

Kategorieübersicht #

Die Kategorieübersicht zeigt alle Produkte einer Kategorie als paginiertes Raster.

• Filter-Seitenleiste – Ergebnisse lassen sich nach Variantenoption (z. B. Farbe, Größe), Preisspanne, Verfügbarkeitsschalter und Sortierung (Preis aufsteigend/absteigend, neueste, Relevanz) eingrenzen.
• Paginierung – die Ergebnisse werden auf mehrere Seiten verteilt; die Anzahl der Produkte pro Seite ist konfigurierbar.
• Kategoriebeschreibung – eine optionale Rich-Text-Beschreibung wird oben auf der Seite angezeigt, nützlich für SEO und Merchandising.
• Breadcrumbs – der aktuelle Kategoriepfad wird oben auf der Seite angezeigt.