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 eingesetzt wird, um ganze Kategorieseiten anzuzeigen, wodurch es Besuchern leichtgemacht wird, die Ergebnisse einzugrenzen.

Dynamische Attribute #

Wenn Ihre Produkte verschiedene Attributsätze enthalten, zeigt Facets nur die Filter an, die für jede individuelle 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 “headphones” 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 für jede Seite dynamisch sein, abhängig von den enthaltenen Produkten.

Automatische Bereiche #

Attribute, die Zahlen sind, werden von facets erkannt und als Kombination aus einem Bereichsauswähler und mehreren vordefinierten Bereichen angezeigt.

Diese sind dynamisch und ändern sich je nach Ergebnismenge. Z.B. wenn ein Set Produkte enthält, die zwischen €10 und €150 kosten, reichen die Bereiche wahrscheinlich von €10-€30 und €140+.

Standardmäßig wird auf diese Weise mit Preisen umgegangen.

Für Entwickler #

Facets sind Teil des Clerk.js UI-Kits, das es einfach macht, Funktionalität zu Ihrer Website 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, auf Kategorieseiten angezeigt zu werden, auf denen sie relevant sind
• data-facets-titles: Ein Array von Attributen und zugehörigen Titeln, das konfiguriert, wie sie Endanwendern angezeigt werden.

URL-Filterung #

Möglicherweise möchten Sie 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 in die URL integriert.

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

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

Mehr über die technischen Aspekte von Facets in unserer Entwicklerdokumentation