Facets

Questa funzione di filtraggio intelligente consente ai visitatori di trovare facilmente gli articoli giusti, anche nelle serie più ampie di risultati di ricerca.

Le sfaccettature possono essere utilizzate sia nel layout Pagina di ricerca che in quello Omnisearch. Entrambi sono dotati di diversi design standard per iniziare un’ottima esperienza di ricerca.

Attributi dinamici #

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

Ad esempio, una ricerca per “computer portatili” mostrerà probabilmente specifiche come RAM, spazio di archiviazione, dimensioni dello schermo e così via, mentre le ricerche per “cuffie” includeranno la 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 Facet saranno dinamiche per ogni ricerca.

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.

Per Omnisearch, le faccette sono configurato in my.clerk.io.

Per la pagina di ricerca, sono integrati direttamente nello snippet che visualizza i risultati:

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

Parametri #

I Facet consistono in due parametri che vengono aggiunti allo snippet:

• data-facets-attributes: Un elenco di attributi che possono essere mostrati per le ricerche 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 ricerca pre-filtrate nel vostro marketing e Facet lo rende molto semplice. Aggiungendo semplicemente il parametro data-facets-in-url allo snippet della vostra pagina di categoria, le faccette 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