Facets

Questa funzione di filtraggio intelligente rende facilissimo 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, rendendo semplice per i visitatori restringere i risultati.

Attributi dinamici #

Quando i tuoi prodotti includono diversi set di attributi, le Facets mostreranno solo i filtri rilevanti per ciascuna 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à la vestibilità, funzionalità bluetooth, caratteristiche EQ e altro.

Assicurati di importare solo gli attributi rilevanti per ogni prodotto nel tuo catalogo, e le Facets saranno dinamiche per ogni pagina a seconda dei prodotti presenti.

Intervalli automatici #

Gli attributi che sono numeri verranno riconosciuti dalle facets e mostrati come una combinazione di un selettore intervallo e diversi intervalli predefiniti.

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

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

Per gli sviluppatori #

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

Sono integrate direttamente nello snippet che mostra 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 Facets consistono in due parametri che vengono aggiunti allo snippet:

• data-facets-attributes: Una lista di attributi che possono 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 nelle tue campagne di marketing, e le Facets lo rendono molto semplice. Aggiungendo semplicemente il parametro data-facets-in-url allo snippet della pagina di categoria, le facets verranno aggiunte all’URL.

Quando apri l’URL, le facets saranno già selezionate:

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

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