Filters

Interfaccia dei filtri #

I filtri possono essere utilizzati per ogni Contenuto per restringere i risultati in base alle caratteristiche del tuo prodotto.

Troverai questa opzione in ogni Contenuto che crei per Raccomandazioni, Ricerca o Email, sotto Tipo di contenuto > Filtri prodotto.

Ogni parte del filtro è composta dai seguenti elementi:

• Un attributo su cui filtrare
• Un confronto che decide come l’attributo deve essere confrontato con il valore
• Un valore che decide con cosa l’attributo deve essere confrontato

Puoi creare filtri basati su qualsiasi attributo di prodotto che invii a Clerk. Gli operatori di confronto disponibili dipendono dal tipo di attributo su cui filtri.

Ad esempio, price contiene un numero, il che significa che puoi utilizzare sia maggiore di, minore di e altri confronti numerici, mentre gli attributi di testo/stringa come name consentono solo confronti booleani come è o non è.

Quando crei filtri, l’interfaccia ti mostrerà quanti prodotti corrispondono al filtro e la stringa del filtro generata.

Filtri semplici #

Questi contengono solo un singolo attributo e confronto. Un esempio è mostrare solo prodotti sotto i €400:

Insiemi di filtri #

Questi ti consentono di restringere la selezione di prodotti aggiungendo più filtri all’interno dello stesso insieme. Puoi farlo cliccando sull’icona "+" all’interno di un filtro esistente e aggiungendo uno nuovo.

All’interno di un insieme, puoi scegliere tra due logiche di filtraggio:

• AND mostra solo i prodotti che corrispondono a tutti i filtri nell’insieme.
• OR mostra i prodotti che corrispondono ad almeno uno dei filtri nell’insieme.

Esempio: Vuoi mostrare solo prodotti che sono sotto €400 e anche in saldo.

Combinare insiemi #

Puoi combinare insiemi di filtri che consentono loro di lavorare insieme attraverso diverse condizioni. Invece di aggiungere filtri all’interno di un insieme esistente, clicchi su "+ Aggiungi filtro" per iniziare un nuovo insieme.

Ogni insieme di filtri funziona separatamente e puoi scegliere come interagiscono:

• AND mostra solo i prodotti che corrispondono a tutti gli insiemi.
• OR mostra i prodotti che corrispondono ad almeno uno degli insiemi.

Esempio: Vuoi mostrare prodotti che sono sotto €400 E in saldo, ma anche da Vendor A O da una categoria specifica.

• Il primo insieme garantisce che i prodotti soddisfino le condizioni di prezzo e saldo.
• Il secondo insieme consente flessibilità includendo prodotti da o un venditore specifico o una categoria.

Stringa del filtro #

L’interfaccia dei filtri crea automaticamente la sintassi corretta in base ai dati disponibili nei tuoi attributi. Ad esempio, se i tuoi SKU sono formattati come stringhe come “GT-1234”, le virgolette vengono automaticamente aggiunte alla stringa del filtro.

sku = "GT-1234"

Se un attributo è un numero, viene aggiunto senza virgolette.

price < 300

Se riscontri problemi con il filtraggio, controlla la stringa del filtro per assicurarti che sia utilizzata la sintassi corretta e apporta modifiche se necessario.

Se hai dubbi, puoi vedere quale tipo di dato ha un dato attributo (stringa, numero, lista, booleano) andando su Dati > Prodotti e navigando in qualsiasi prodotto.

Puoi sempre regolare manualmente la stringa del filtro per adattarla alle tue esigenze cliccando sull’icona matita accanto a Espressione del filtro.

Filtraggio dinamico #

I filtri possono essere aggiunti direttamente ai codici di incorporamento utilizzando l’attributo data-filter. Questo ti consente di rendere i filtri dinamici cambiando i valori in base alla logica del frontend.

Di seguito sono riportati diversi esempi comuni di come puoi utilizzare il filtraggio dinamico.

Limite di spedizione gratuita #

Definisci una variabile, ad esempio $free_shipping_limit, che contiene l’importo rimanente necessario affinché il cliente raggiunga il limite di spedizione gratuita. Usa questo come filtro dinamico per visualizzare solo i prodotti sopra questo punto di prezzo:

<span class="clerk"
      data-template="@complementary-to-basket"
      data-filter="price > $free_shipping_limit">
</span>

Genere corrispondente #

Se i tuoi prodotti contengono un attributo come gender che contiene female, male, kids, unisex e così via, puoi costringere gli elementi Clerk a mostrare prodotti per lo stesso genere.

Definisci una variabile, ad esempio $product_gender, che contiene il genere del prodotto attualmente visualizzato, e usala per mostrare prodotti per lo stesso genere:

<span class="clerk"
      data-template="@Bestsellers"
      data-filter="gender = $product_gender">
</span>

Categoria specifica #

In questo caso hai bisogno di una lista nel tuo negozio contenente le categorie di prodotto, che potrebbe essere definita come $available_categories = [1,2,3,4,5]. Usa questo per filtrare gli slider per mostrare solo prodotti provenienti da quelle categorie:

<span class="clerk"
      data-template="@type-slider"
      data-filter="categories in $available_categories">
</span>