Facets

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

Facets kan bruges, når du 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 inkluderer forskellige sæt af attributter, vil Facets kun vise de filtre, der er relevante for hver enkelt kategoriside.

F.eks. vil en kategori for “laptops” sandsynligvis vise specifikationer som RAM, lagerplads, skærmstørrelse osv., mens en kategori for “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 Facets vil være dynamisk for hver side afhængigt af produkterne på den.

Automatiske intervaller #

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

Disse er dynamiske og vil ændres afhængigt af hvert resultat. F.eks. hvis et sæt indeholder produkter til en pris mellem €10 - €150, vil intervallerne typisk gå fra €10-€30 og €140+.

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

Facet-rækkefølge #

Du kan ændre rækkefølgen på facet-attributterne i facet-editor-tabellerne og i en Elements facet-liste under dets design- eller indsætningsindstillinger.

Tag fat i en attributs prikkede håndtag og træk det til den ønskede position. En stiplet boks viser, hvor den lander. Slip rækken for at flytte den. Du kan også fokusere en række og trykke Alt + ↑ eller Alt + ↓; skærmlæsere annoncerer flytningen.

Dette styrer rækkefølgen af facet-attributterne, såsom at vise brand før pris, snarere end værdierne inde i hver facet.

For udviklere #

Facets er en del af Clerk.js UI-kittet, der gør det let at tilføje funktionalitet til din side.

De er integreret direkte i det snippet, 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 #

Facets består af to parametre, der tilføjes til snippet’et:

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

URL-filtrering #

Du ønsker måske at sende forfiltrerede kategorisider i din markedsføring, og Facets gør dette meget let. Ved blot at tilføje parameteren data-facets-in-url til dit kategoriside-snippet, bliver facets tilføjet til URL’en.

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

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

Du kan læse mere om de tekniske aspekter af Facets i vores udvikler-dokumentation