Recommendations

Facets

Styling Facetten #

[Facetten] (https://docs.clerk.io/docs/clerkjs-ui-faceted-search) bieten großartige Funktionen und verbessern die Benutzerfreundlichkeit von Webstore-Seiten wie Suchergebnissen. Um das Aussehen Ihrer Ergebnisfacetten anzupassen, müssen Sie nur das CSS im Seitendesign nach Bedarf anpassen.

Je nach Ihren Einstellungen finden Sie das CSS für Ihre Facetten entweder:

  • Im Design Ihrer Suchseite auf my.clerk.io
  • Als eigenes, separates Design in my.clerk.io. Wenn Sie diese Option verwenden, stellen Sie sicher, dass Sie die Design-ID aus den Facetten im Suchcode mit data-facets-design=“12322” verwenden.
  • Oder innerhalb der -Tags in der Hauptvorlagendatei der Suchseite Ihres Webshops, wie in diesem Beispiel:

In beiden Fällen erfordert die Anpassung des Stils Ihrer Facetten lediglich eine Anpassung des Stils, der in Ihren Facettenklassen und -IDs enthalten ist.

  • Um zu überprüfen, ob Sie die richtigen Klassen verwenden, ist es am einfachsten, Ihre Facetten mit Ihrem Website-Browser zu “inspizieren”, um festzustellen, welche Funktionen Sie anpassen.

  • Sobald Sie die richtigen Werte für die Gestaltung gefunden haben, können Sie verschiedene Merkmale wie Text- und Hintergrundfarben, Facettenbreite, Schriftarten und vieles mehr ändern!