- Clerk.io Help Center
- Using Clerk.io on Shopify
- Data Management
-
Working with Clerk.io
-
Using Clerk.io on Other / Custom Platforms
-
Using Clerk.io on Shopify
-
Using Clerk.io on Magento 1
-
Using Clerk.io on Magento 2
-
Using Clerk.io on WooCommerce
-
Using Clerk.io on Prestashop
-
Using Clerk.io on BigCommerce
-
Using Clerk.io on Shoporama
-
Using Clerk.io on Shopware 6
-
Using Clerk.io on DanDomain
-
Using Clerk.io on Lightspeed
-
Using Clerk.io on SmartWeb / HostedShop
-
Using Clerk.io on DynamicWeb
-
Using Clerk.io with Any Email Client
-
Using Clerk.io with Copernica
-
Using Clerk.io with Autopilot
-
Using Clerk.io with Active Campaign
-
Using Clerk.io with Marketing Platform
-
Using Clerk.io with MailChimp
-
Using Clerk.io with MailUp
-
Using Clerk.io with Apsis
-
Using Clerk.io with UbiVox
-
Using Clerk.io with CleverReach
-
Using Clerk.io with Google Ads
-
Using Clerk.io with Act-On
-
Audience Integrations with Facebook
-
Using Clerk.io with DotDigital
-
Using Clerk.io with Klaviyo
Dynamic Filtering In Embedcodes on Shopify
Use dynamic filtering in embedcodes to display page- and situation specific content in your sliders.
The Clerk.io 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-template="@type-slider"
data-filter="type = '{{ product.type }}'">
</span>
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-template="@complementary-to-basket"
data-filter="price > {{ order.shipping_limit }}">
</span>