Search Page

Übersicht #

Die Search Page macht es Besuchern leicht, die Ergebnisse einzugrenzen und genau die Produkte zu finden, die sie kaufen möchten. Kein Produkt ist mehr als ein paar Klicks entfernt, selbst wenn es tausende Treffer gibt.

Sie kombiniert die besten Funktionen moderner Suchmaschinen mit einer eCommerce-spezifischen Ausrichtung:

• Für das Browsen optimiert: Zeigt alle Ergebnisse entweder auf einer einzigen Seite oder mit Seitennummerierung an, um die Geschwindigkeit zu verbessern.
• Intelligente Filter: Facetten basieren auf allen verfügbaren Attributen für Produkte und zeigen nur solche Filteroptionen an, die für eine bestimmte Anfrage sinnvoll sind.
• Semantische Suche: Versteht, was der Besucher meint.
• Autokorrektur bei Rechtschreibfehlern: Der Besucher sollte nicht bemerken, dass ihm ein Rechtschreibfehler unterlaufen ist.
• Prognostiziert das Kundenverhalten: Ergebnisse werden danach sortiert, wie wahrscheinlich sie aktuell verkauft werden.

Standarddesign #

Das Standarddesign der Search Page umfasst:

• Dropdown-Unterstützung für Varianten: Ermöglicht es Käufern, Variantenattribute (z. B. Größe, Farbe) vor dem Hinzufügen zum Warenkorb auszuwählen.
• Mengen-Auswahl.
• Nativer Add-to-Cart-Button, der Clerk.js benachrichtigt, sodass Analysen und Merchandising synchron bleiben.
• Sauberes, gut strukturiertes Markup mit klaren Kommentaren.
• Zentralisierte Variablen für Stil und Verhalten, um Farben, Abstände, Labels und allgemeine Optionen einfach anzupassen, ohne den Kern-Code zu verändern.