Facets

Denne intelligente filtreringsfunktion gør det nemt for besøgende at finde de rigtige varer, selv på de største kategorisider.

Facetter kan bruges, når man bruger Clerk til at vise hele kategorisider, hvilket gør det nemt for besøgende at indsnævre resultaterne.

Dynamiske attributter #

Når dine produkter indeholder forskellige sæt af attributter, vil Facets kun vise de filtre, der er relevante for hver enkelt kategoriside.

F.eks. vil en kategori for “bærbare computere” sandsynligvis vise specifikationer som RAM, lagerplads, skærmstørrelse og så videre, mens en kategori for “hovedtelefoner” vil omfatte deres pasform, bluetooth-funktioner, EQ-funktioner og mere.

Sørg for kun at importere de relevante attributter for hvert produkt i dit katalog, og facetterne vil være dynamiske for hver side afhængigt af produkterne på den.

Automatiske intervaller #

Attributter, der er tal, vil blive genkendt af facetter og vist som en kombination af en områdevælger og flere foruddefinerede områder.

Disse er dynamiske og vil ændre sig afhængigt af hvert resultatsæt. Hvis et sæt f.eks. indeholder produkter med en pris på mellem 10 og 150 euro, vil spandene sandsynligvis ligge mellem 10 og 30 euro og 140+ euro.

Som standard er det sådan, priser håndteres.

For udviklere #

Facetter er en del af Clerk.js UI kit, som gør det nemt at tilføje funktionalitet til dit website.

De er integreret direkte i det uddrag, der viser resultaterne:

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

Parametre #

Facetter består af to parametre, der føjes til uddraget:

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

URL-filtrering #

Du vil måske gerne sende forfiltrerede kategorisider i din markedsføring, og Facets gør det meget nemt. Ved blot at tilføje parameteren data-facets-in-url til din kategorisides 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 udvikler-dokumenter