Facets

Diese intelligente Filterfunktion macht es Besuchern mühelos, die richtigen Artikel zu finden, selbst auf den größten Kategorieseiten.

Facets können verwendet werden, wenn Clerk genutzt wird, um komplette Kategorieseiten anzuzeigen, was es Besuchern erleichtert, die Ergebnisse einzugrenzen.

Dynamische Attribute #

Wenn Ihre Produkte verschiedene Attributgruppen beinhalten, zeigt Facets nur die Filter an, die für jede einzelne Kategorieseite relevant sind.

Zum Beispiel wird eine Kategorie für “Laptops” wahrscheinlich Spezifikationen wie RAM, Speicherplatz, Bildschirmgröße usw. anzeigen, während eine Kategorie für “Kopfhörer” deren Passform, Bluetooth-Funktionen, EQ-Features und mehr umfasst.

Stellen Sie sicher, dass Sie nur die relevanten Attribute für jedes Produkt in Ihrem Katalog importieren, und Facets wird auf jeder Seite dynamisch sein, abhängig von den Produkten darauf.

Automatische Bereiche #

Attribute, die Zahlen sind, werden von Facets erkannt und als Kombination aus einem Bereichsselektor und mehreren vordefinierten Bereichen angezeigt.

Diese sind dynamisch und ändern sich je nach Ergebnisgruppe. Z. B. wenn ein Set Produkte mit Preisen zwischen €10 - €150 enthält, werden die Bereiche vermutlich 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ät auf Ihrer Webseite hinzuzufügen.

Sie sind direkt in das Snippet integriert, das die Ergebnisse anzeigt:

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

<span 
  class="clerk" 
  data-template="@category-page-grid" 
  data-category="156"
  data-facets-target="#clerk-category-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 das Potenzial haben, für Kategorieseiten angezeigt zu werden, auf denen sie relevant sind
• data-facets-titles: Ein Array von Attributen und zugehörigen Titeln, das konfiguriert, wie sie Endbenutzern angezeigt werden.

URL-Filterung #

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

Beim Öffnen der URL sind die Facets bereits ausgewählt:

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

Mehr zu den technischen Aspekten von Facets in unserer Entwicklerdokumentation