Data Management

Dynamic Filtering In Embedcodes on Shopify

Use dynamic filtering in embedcodes to display page- and situation specific content in your sliders.

The Filters can be used directly in the embed codes using the data-filter attribute. This allows you to make dynamic filters in the logic based on variables in the webshop.

Below you'll find a few examples, but you can use this in many other ways.

Example 1: Display products of a specific type or brand

You can filter sliders to only show products from within the same type or from the same brand/manufacturer .

In this case you need to use Shopify's logic for fetching the type. This is usually '{{ product.type }}' 

Remember: Its important to add single quotes around the variable:

<span class="clerk"
    data-filter="type = '{{ product.type }}'">

Example 2: Display products that causes a free shipping limit to be reached:

Assuming you shop has a variable called that contains the remaining amount needed for the customer to reach the free shipping limit, you can use a dynamic filter that looks like this, to only display products above this price point:

<span class="clerk"
    data-filter="price > {{ order.shipping_limit }}">