Facets

Questa funzione di filtraggio intelligente consente ai visitatori di trovare facilmente gli articoli giusti, anche nelle pagine delle categorie più grandi.

Le sfaccettature possono essere utilizzate quando si usa Clerk per mostrare pagine di intere categorie, rendendo più facile per i visitatori restringere i risultati.

Attributi dinamici #

Quando i prodotti includono diverse serie di attributi, Facets mostrerà solo i filtri rilevanti per ogni singola pagina di categoria.

Ad esempio, una categoria per “computer portatili” mostrerà probabilmente specifiche come RAM, spazio di archiviazione, dimensioni dello schermo e così via, mentre una categoria per “cuffie” includerà la loro vestibilità, le funzionalità bluetooth, le caratteristiche dell’equalizzatore e altro ancora.

Assicuratevi di importare solo gli attributi rilevanti per ogni prodotto del vostro catalogo e le sfaccettature saranno dinamiche per ogni pagina, a seconda dei prodotti presenti.

Intervalli automatici #

Gli attributi di numeri saranno riconosciuti dalle sfaccettature e mostrati come una combinazione di un selettore di intervallo e di diversi intervalli predefiniti.

Questi sono dinamici e cambiano a seconda di ogni insieme di risultati. Ad esempio, se un set contiene prodotti con prezzi compresi tra 10 e 150 euro, i bucket saranno probabilmente compresi tra 10 e 30 euro e 140 euro e oltre.

Per impostazione predefinita, prezzi viene gestito in questo modo.

Per gli sviluppatori #

Le sfaccettature fanno parte del kit UI di Clerk.js che semplifica l’aggiunta di funzionalità al sito.

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

Parametri #

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

• data-facets-attributes: Un elenco di attributi che possono essere mostrati per le pagine di categoria in cui sono rilevanti.
• data-facets-titles: Un array di attributi e titoli associati che configura il modo in cui vengono mostrati agli utenti finali.

Filtraggio degli URL #

Potreste voler inviare pagine di categoria pre-filtrate nel vostro marketing e Facet lo rende molto semplice. Aggiungendo semplicemente il parametro data-facets-in-url allo snippet della pagina di categoria, le sfaccettature verranno aggiunte all’URL.

Quando si apre l’URL, le sfaccettature saranno già selezionate:

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

È possibile leggere ulteriori informazioni sugli aspetti tecnici di Le sfaccettature nei nostri documenti per sviluppatori