Filtro dinamico nei codici incorporati su Shopify

I Clerk.io Filters possono essere utilizzati direttamente nei codici embed utilizzando l’attributo data-filter. Ciò consente di creare filtri dinamici nella logica in base alle variabili del negozio web.

Di seguito sono riportati alcuni esempi, ma è possibile utilizzarlo in molti altri modi.

Esempio 1: Visualizzare prodotti di un tipo o di una marca specifica

È possibile filtrare i cursori per mostrare solo i prodotti dello stesso tipo o della stessa marca/produttore.

In questo caso, è necessario utilizzare la logica di Shopify per recuperare il tipo. Di solito si tratta di ’{%raw%}{{{ product.type }}{%endraw%}’.

**Ricorda: è importante aggiungere gli apici singoli intorno alla variabile **.

<span class="clerk"
      data-template="@type-slider"
      data-filter="type = '{%raw%}{{ product.type }}{%endraw%}'">
</span>

Esempio 2: Visualizzazione di prodotti che causano il raggiungimento di un limite di spedizione gratuita:

Supponendo che il negozio abbia una variabile chiamata {{ order.shipping_limit }} che contiene l’importo rimanente necessario al cliente per raggiungere il limite di spedizione gratuita, è possibile utilizzare un filtro dinamico che assomiglia a questo, per visualizzare solo i prodotti al di sopra di questo punto di prezzo:

<span class="clerk"
      data-template="@complementary-to-basket"
      data-filter="price > {%raw%}{{ order.shipping_limit }}{%endraw%}">
</span>