Facets

Dank dieser intelligenten Filterfunktion finden die Besucher selbst in den größten Suchergebnissen mühelos die richtigen Artikel.

Facetten können sowohl in den Layouts Suche Seite als auch Omnisearch verwendet werden. Für beide Layouts gibt es mehrere Standarddesigns, die Ihnen einen guten Einstieg in die Suche ermöglichen.

Dynamische Attribute #

Wenn Ihre Produkte verschiedene Attribute enthalten, zeigt Facets nur die Filter an, die für jede einzelne Suche relevant sind.

Eine Suche nach “Laptops” zeigt z. B. Spezifikationen wie RAM, Speicherplatz, Bildschirmgröße usw. an, während die Suche nach “Kopfhörer” die Passform, Bluetooth-Funktionen, EQ-Funktionen usw. umfasst.

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

Automatische Bereiche #

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

Diese sind dynamisch und ändern sich je nach Ergebnismenge. Wenn z. B. ein Satz Produkte mit Preisen zwischen 10 und 150 € enthält, werden die Bereiche wahrscheinlich zwischen 10 und 30 € und 140 €+ liegen.

Standardmäßig wird Preise folgendermaßen behandelt.

Für Entwickler #

Facetten sind Teil des Clerk.js UI-Kits, mit dem Sie auf einfache Weise Funktionen zu Ihrer Website hinzufügen können.

Für Omnisearch sind Facetten konfiguriert in my.clerk.io.

Für die Suchseite werden sie direkt in das Snippet integriert, das 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 bei Suchanfragen angezeigt werden können, wenn sie relevant sind
• data-facets-titles: Ein Array von Attributen und zugehörigen Titeln, das konfiguriert, wie sie dem Endbenutzer angezeigt werden.

URL-Filterung #

Vielleicht möchten Sie in Ihrem Marketing vorgefilterte Suchseiten versenden, und Facets macht dies sehr einfach. Indem Sie einfach den Parameter data-facets-in-url zu Ihrem Kategorieseiten-Snippet hinzufügen, werden 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 von Facetten in unseren Entwicklerdokumenten