Utilizza i filtri dinamici negli embedcodes per visualizzare contenuti specifici a seconda della pagina o della situazione nei tuoi sliders Clerk.
I filtri di Clerk.io possono essere utilizzati direttamente nei codici embed utilizzando l'attributo data-filter. Questo ti permette di creare filtri dinamici nella logica basata su variabili specifiche del tuo negozio online.
Di seguito troverai alcuni esempi, ma puoi usarlo in molti altri modi.
Visualizzare i prodotti che permettono di raggiungere un limite di spedizione gratuita:
Supponendo che il tuo negozio abbia una variabile chiamata $free_shipping_limit che contiene l'importo rimanente necessario al cliente per raggiungere il limite di spedizione gratuita, puoi usare un filtro dinamico come questo, per visualizzare solo i prodotti sopra questo limite di prezzo:
<span class="clerk"
data-template="@complementary-to-basket"
data-filter="price > $free_shipping_limit">
</span>
Visualizzare i prodotti che corrispondono ad un genere specifico:
Questo esempio presuppone che i tuoi prodotti abbiano un attributo chiamato gender che restituisce sia femminile che maschile.
Avete quindi bisogno di una variabile nel vostro negozio che contenga il genere del prodotto corrente, che in questo esempio si chiama $product_gender.
Il codice embed con il filtro può quindi essere impostato in questo modo:
<span class="clerk"
data-template="@Bestsellers"
data-filter="gender = $product_gender">
</span>
Visualizzare i prodotti di un tipo o di una marca specifica:
È possibile filtrare gli slider per mostrare solo i prodotti della stessa categoria del prodotto che il cliente sta guardando.
In questo caso avete bisogno di una lista nel vostro negozio contenente le categorie di prodotti, che qui chiameremo $categories. L'elenco dovrebbe assomigliare a questo:
$categories = [1,2,3,4,5]
Il filtro potrebbe quindi essere impostato in questo modo:
<span class="clerk"
data-template="@type-slider"
data-filter="categories in $categories">
</span>
<span class="clerk"
data-template="@complementary-to-basket"
data-filter="price > $free_shipping_limit">
</span>