Filters

With liquid filters, you can modify the output of your content. You can calculate values, format a string (text) and so much more. You can find a list of all filters here or in the Shopify Cheat sheet.

Filters can be applied to a li-object value by using a pipe symbol | followed by the desired filter. Here's an example of how to show the product price in the store's currency.

Webflow

li-object:text = product.price | money

Shopify

<p>{{ product.price | money }}</p>

Rendered on Shop

<p>$100</p>

Important: Formats a given price based on the store's currency setting

If you want to use multiple filter on one object just add another | after your first filter. You can add as many filters as you want.

Webflow

li-object:text = product.price | money | plus: 2

Shopify

<p>{{ product.price | money | plus: 2 }}</p>

Rendered on Shop

<p>$100.02</p>

Most common filters

Below, you'll find some of the most frequently used filters by us, giving you an idea of the possibilities.

• | money

• | date: '%B %d, %Y'

• | plus: 15

• | img_url: master

Filters may seem overwhelming initially, but you can find clear documentation for all their functionalities in the Shopify Docs.