Facets

Questa funzione di filtraggio intelligente rende facile per i visitatori trovare gli articoli giusti, anche nelle pagine di categoria più grandi.

Le Facets possono essere utilizzate quando si usa Clerk per mostrare intere pagine di categoria, facilitando ai visitatori la riduzione dei risultati.

Dynamic Attributes #

Quando i tuoi prodotti includono diversi set di attributi, Facets mostrerà solo i filtri rilevanti per ogni singola pagina di categoria.

Ad esempio, una categoria per “laptops” mostrerà probabilmente specifiche come RAM, spazio di archiviazione, dimensione dello schermo e così via, mentre una categoria per “headphones” includerà il loro tipo di vestibilità, funzionalità bluetooth, caratteristiche EQ e altro.

Assicurati di importare solo gli attributi rilevanti per ogni prodotto nel tuo catalogo, e Facets sarà dinamico per ogni pagina a seconda dei prodotti presenti.

Automatic ranges #

Gli attributi che sono numeri saranno riconosciuti da facets e visualizzati come una combinazione tra un selettore di intervallo e diversi intervalli predefiniti.

Questi sono dinamici e cambieranno a seconda di ciascun set di risultati. Ad esempio, se un set contiene prodotti con prezzi tra €10 - €150, i bucket probabilmente varieranno tra €10-€30 e €140+.

Per impostazione predefinita, è così che vengono gestiti i prezzi.

For developers #

Le Facets fanno parte del Clerk.js UI kit che rende facile aggiungere funzionalità al tuo sito.

Sono integrate direttamente nello snippet che visualizza i risultati:

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

Parameters #

Le Facets consistono in due parametri che vengono aggiunti allo snippet:

• data-facets-attributes: Un elenco di attributi che possono essere visualizzati nelle pagine di categoria in cui sono rilevanti
• data-facets-titles: Un array di attributi e titoli associati che configura come vengono visualizzati agli utenti finali.

URL Filtering #

Potresti voler inviare pagine di categoria pre-filtrate nel tuo marketing, e Facets lo rende molto semplice. Aggiungendo semplicemente il parametro data-facets-in-url allo snippet della tua pagina categoria, i facets saranno aggiunti all’URL.

Quando apri l’URL, i facets saranno già selezionati:

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

Puoi leggere di più sugli aspetti tecnici delle Facets nella nostra documentazione per sviluppatori