Facets

Denne intelligente filtreringsfunktion gør det nemt for besøgende at finde de rigtige varer, selv i de største sæt af søgeresultater.

Facetter kan bruges både i Søgesiden og Omnisearch layouts. Begge disse kommer med flere standarddesigns for at give dig en fantastisk søgeoplevelse.

Dynamiske attributter #

Når dine produkter inkluderer forskellige sæt af attributter, vil Facetter kun vise de filtre, der er relevante for hver enkelt søgning.

F.eks. en søgning efter “laptops” vil sandsynligvis vise specifikationer som RAM, lagerplads, skærmstørrelse og så videre, mens søgninger efter “headphones” vil inkludere deres pasform, bluetooth-funktioner, EQ-funktioner og mere.

Sørg for kun at importere de relevante attributter for hvert produkt i dit katalog, og Facetter vil være dynamiske for hver søgning.

Automatiske intervaller #

Attributter, der er numre, vil blive genkendt af facetter og vist som en kombination af en intervalvælger og flere foruddefinerede intervaller.

Disse er dynamiske og vil ændre sig afhængigt af hvert resultat sæt. F.eks. hvis et sæt indeholder produkter prissat mellem €10 - €150, vil bøtter sandsynligvis variere mellem €10-€30 og €140+.

Som standard er dette, hvordan priser håndteres.

For udviklere #

Facetter er en del af Clerk.js UI-kittet, der gør det nemt at tilføje funktionalitet til dit site.

For Omnisearch er Facetter konfigureret i my.clerk.io.

For Søgesiden er de integreret direkte i snippetet, der viser resultater:

<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>

Parametre #

Facetter består af to parametre, der tilføjes til snippetet:

• data-facets-attributes: En liste over attributter, der har potentiale til at blive vist for søgninger, hvor de er relevante
• data-facets-titles: Et array af attributter og tilknyttede titler, der konfigurerer, hvordan de vises for slutbrugerne.

URL Filtrering #

Du vil måske sende forfiltrerede søgesider i din markedsføring, og Facetter gør dette meget nemt. Ved blot at tilføje parameteren data-facets-in-url til dit kategoriside-snippet, vil facetter blive tilføjet til URL’en.

Når du åbner URL’en, vil facetterne allerede være valgt:

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

Du kan læse mere om de tekniske aspekter af Facetter i vores udviklerdokumentation