We are here and ready to help.

Filters

Filters are simple methods that modify the output of numbers, strings, variables and objects. They are placed within an output tag {{ }} and are separated with a pipe character |.

Input

<!-- product.title = "Awesome Shoes" -->
{{ product.title | upcase }}

Output

AWESOME SHOES

In the example above, product is the object, title is its attribute, and upcase is the filter being applied.

Some filters require a parameter to be passed.

Input

{{ product.title | remove: "Awesome" }}

Output

Shoes

Multiple filters can be used on one output. They are applied from left to right.

Input

<!-- product.title = "Awesome Shoes" -->
{{ product.title | upcase | remove: "AWESOME" }}

Output

SHOES
Facebook Share Tweet

Was this article helpfu?

Yes No

Thank you for voting

×
Select company

You are related to multiple companies. Please select the company you wish to login as.