Facets

Dieses intelligente Filterfeature ermöglicht es Besuchern, mühelos die richtigen Artikel zu finden, selbst auf den größten Kategorieseiten.

Facets können verwendet werden, wenn Sie Clerk nutzen, um ganze Kategorieseiten anzuzeigen, was es Besuchern erleichtert, die Ergebnisse einzugrenzen.

Dynamische Attribute #

Wenn Ihre Produkte verschiedene Attributsätze enthalten, 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 enthalten wird.

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

Automatische Bereiche #

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

Diese sind dynamisch und ändern sich je nach jedem Ergebnis. Zum Beispiel, wenn ein Set Produkte enthält, die zwischen 10 € und 150 € kosten, werden die Bereiche wahrscheinlich zwischen 10 €-30 € und 140 €+ liegen.

Standardmäßig wird so mit Preisen umgegangen.

Für Entwickler #

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

Sie sind direkt in den Snippet integriert, der 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, wo sie relevant sind
• data-facets-titles: Ein Array von Attributen und zugehörigen Titeln, das konfiguriert, wie sie den Endbenutzern angezeigt werden.

URL-Filterung #

Sie möchten möglicherweise vorgefilterte Kategorieseiten in Ihrem Marketing senden, und Facets machen dies sehr einfach. Indem Sie einfach den Parameter data-facets-in-url zu Ihrem Kategorieseiten-Snippet hinzufügen, werden Facets zur URL hinzugefügt.

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

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

Sie können mehr über die technischen Aspekte von Facets in unseren Entwicklerdokumenten lesen.