Facets

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

I Facets possono essere utilizzati quando si utilizza Clerk per mostrare intere pagine di categoria, rendendo facile per i visitatori restringere i risultati.

Attributi dinamici #

Quando i tuoi prodotti includono vari set di attributi, i Facets mostreranno solo i filtri rilevanti per ciascuna pagina di categoria individuale.

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

Assicurati di importare solo gli attributi rilevanti per ciascun prodotto nel tuo catalogo, e i Facets saranno dinamici per ogni pagina a seconda dei prodotti in essa.

Intervalli automatici #

Gli attributi che sono numeri saranno riconosciuti dai facets e mostrati come una combinazione di 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 compresi tra €10 e €150, i bucket varieranno probabilmente tra €10-€30 e €140+.

Per impostazione predefinita, questo è il modo in cui vengono gestiti i prezzi.

Per sviluppatori #

I Facets fanno parte del kit UI di Clerk.js che rende facile aggiungere funzionalità al tuo 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 #

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

• data-facets-attributes: Un elenco di attributi che hanno il potenziale di essere mostrati per le pagine di categoria dove sono rilevanti
• data-facets-titles: Un array di attributi e titoli associati che configura come vengono mostrati agli utenti finali.

Filtraggio URL #

Potresti voler inviare pagine di categoria pre-filtrate nel tuo marketing, e i Facets rendono questo molto facile. Aggiungendo semplicemente il parametro data-facets-in-url al tuo snippet della pagina di categoria, i facets verranno 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 dei Facets nella nostra documentazione per sviluppatori