Facets

Diese intelligente Filterfunktion macht es Besuchern mühelos, die richtigen Artikel zu finden, selbst in den größten Mengen von Suchergebnissen.

Facetten können sowohl im Search Page- als auch im Omnisearch-Layout verwendet werden. Beide bieten mehrere Standarddesigns, damit Sie mit einer großartigen Sucherfahrung starten können.

Dynamische Attribute #

Wenn Ihre Produkte unterschiedliche Attributsätze enthalten, zeigt Facets nur die Filter an, die für jede einzelne Suche relevant sind.

Beispiel: Eine Suche nach „Laptops“ zeigt wahrscheinlich Spezifikationen wie RAM, Speicherplatz, Bildschirmgröße und so weiter an, während Suchanfragen nach „Kopfhörer“ deren Passform, Bluetooth-Funktionen, EQ-Features und mehr enthalten.

Stellen Sie sicher, dass Sie nur die relevanten Attribute für jedes Produkt in Ihrem Katalog importieren, damit Facets für jede Suche dynamisch ist.

Automatische Bereiche #

Attribute, die Zahlen sind, werden von Facets erkannt und als Kombination aus einem Bereichs-Selektor und mehreren vordefinierten Bereichen dargestellt.

Diese sind dynamisch und ändern sich je nach Ergebnis-Satz. Z.B. wenn ein Set Produkte zwischen 10 € und 150 € enthält, werden die Bereiche wahrscheinlich zwischen 10–30 € und 140 €+ liegen.

Standardmäßig werden so Preise behandelt.

Für Entwickler #

Facets sind Teil des Clerk.js UI-Kits, das es einfach macht, Funktionalitäten zu Ihrer Seite hinzuzufügen.

Für Omnisearch werden Facets in my.clerk.io konfiguriert.

Für die Search Page werden sie direkt in das Snippet integriert, das die Ergebnisse anzeigt:

<div id="clerk-search-filters"></div>

<span 
  class="clerk" 
  data-template="@search-page" 
  data-query="shoes"
  data-facets-target="#clerk-search-filters" 
  data-facets-attributes='["price","categories","brand"]'
  data-facets-titles='{"price": "PRICE_LABEL", "categories": "CATEGORIES_LABEL", "brand": "BRAND_LABEL"}'
  data-facets-in-url="true">
</span>

Parameter #

Facets bestehen aus zwei Parametern, die dem Snippet hinzugefügt werden:

• data-facets-attributes: Eine Liste von Attributen, die potenziell für Suchanfragen angezeigt werden können, bei denen sie relevant sind
• data-facets-titles: Ein Array von Attributen und zugehörigen Titeln, das konfiguriert, wie sie Endnutzern angezeigt werden.

URL-Filterung #

Möglicherweise möchten Sie vorgefilterte Suchseiten in Ihrem Marketing verwenden, und Facets machen dies sehr einfach. Durch das einfache Hinzufügen des Parameters data-facets-in-url zu Ihrem Kategorieseiten-Snippet werden Facets zur URL hinzugefügt.

Wenn Sie die URL öffnen, sind die Facets bereits vorausgewählt:

https://awesomestore.com/sneakers?brand=nike&size=42

Mehr über die technischen Aspekte von Facets in unseren Entwicklerdokumenten