# 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](https://shopify.dev/docs/api/liquid/filters) or in the Shopify [Cheat sheet](https://www.shopify.com/partners/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.

{% columns %}
{% column %}
{% code title="Webflow" fullWidth="false" %}

```
li-object:text = product.price | money
```

{% endcode %}
{% endcolumn %}

{% column %}
{% code title="Shopify" fullWidth="false" %}

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

{% endcode %}
{% endcolumn %}
{% endcolumns %}

{% code title="Rendered on Shop" fullWidth="false" %}

```
<p>$100</p>
```

{% endcode %}

**Important:** Formats a given price based on the store's [currency setting](https://help.shopify.com/manual/payments/currency-formatting)

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.

{% columns %}
{% column %}
{% code title="Webflow" fullWidth="false" %}

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

{% endcode %}
{% endcolumn %}

{% column %}
{% code title="Shopify" fullWidth="false" %}

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

{% endcode %}
{% endcolumn %}
{% endcolumns %}

{% code title="Rendered on Shop" fullWidth="false" %}

```
<p>$100.02</p>
```

{% endcode %}

## **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](https://shopify.dev/docs/api/liquid/filters).
