Facets

Diese intelligente Filterfunktion erleichtert es Besuchern, die richtigen Artikel zu finden, selbst in den größten Ergebnismengen.

Facetten können sowohl im Suchseiten als auch im Omnisearch Layout verwendet werden. Beide kommen mit mehreren Standarddesigns, um Ihnen den Einstieg in ein großartiges Sucherlebnis zu erleichtern.

Dynamische Attribute #

Wenn Ihre Produkte verschiedene Attributsätze enthalten, zeigen die Facetten nur die Filter an, die für jede einzelne Suche relevant sind.

Z.B. eine Suche nach “Laptops” wird wahrscheinlich Spezifikationen wie RAM, Speicherplatz, Bildschirmgröße usw. anzeigen, während Suchen nach “Kopfhörern” deren Passform, Bluetooth-Funktionen, EQ-Features und mehr umfassen.

Stellen Sie sicher, dass Sie nur die relevanten Attribute für jedes Produkt in Ihrem Katalog importieren, und die Facetten werden für jede Suche dynamisch sein.

Automatische Bereiche #

Attribute, die Zahlen sind, werden von den Facetten erkannt und als Kombination aus einem Bereichsselector 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, werden die Bereiche wahrscheinlich zwischen 10 € - 30 € und 140 € + liegen.

Standardmäßig wird so mit Preisen umgegangen.

Für Entwickler #

Facetten sind Teil des Clerk.js UI-Kits, das es einfach macht, Funktionen zu Ihrer Website hinzuzufügen.

Für Omnisearch werden die Facetten in my.clerk.io konfiguriert.

Für die Suchseite sind sie direkt in den Snippet integriert, der 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 #

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

• data-facets-attributes: Eine Liste von Attributen, die das Potenzial haben, für Suchen angezeigt zu werden, bei denen 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 Suchseiten in Ihrem Marketing senden, und Facetten machen dies sehr einfach. Indem Sie einfach den Parameter data-facets-in-url zu Ihrem Snippet der Kategorieseite hinzufügen, werden die Facetten zur URL hinzugefügt.

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

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

Sie können mehr über die technischen Aspekte der Facetten in unseren Entwicklerrichtlinien lesen.