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 gesamte Kategorieseiten anzuzeigen. So können Besucher die Ergebnisse leicht eingrenzen.

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 und so weiter anzeigen, während eine Kategorie für “Kopfhörer” deren Passform, Bluetooth-Funktionalitäten, EQ-Features und mehr enthält.

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, abhängig von den darin 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 jeweiligem Ergebnis-Set. Zum Beispiel: Wenn ein Set Produkte enthält, die zwischen 10 € und 150 € kosten, reichen die Bereiche wahrscheinlich von 10–30 € und 140 €+.

Standardmäßig werden so Preise behandelt.

Für Entwickler #

Facets sind Teil des Clerk.js UI-Kits, das es leicht macht, Funktionalitäten zu Ihrer Seite 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 für Kategorieseiten, auf denen sie relevant sind, angezeigt werden können
• data-facets-titles: Ein Array von Attributen und zugehörigen Titeln, das konfiguriert, wie sie Endbenutzern angezeigt werden.

URL-Filterung #

Sie möchten möglicherweise 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 zur URL hinzugefügt.

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 unseren Entwicklertools können Sie hier nachlesen.