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.
product
title
upcase
Some filters require a parameter to be passed.
{{ product.title | remove: "Awesome" }}
Shoes
Multiple filters can be used on one output. They are applied from left to right.
<!-- product.title = "Awesome Shoes" --> {{ product.title | upcase | remove: "AWESOME" }}
SHOES
Was this article helpfu?
Thank you for voting
You are related to multiple companies. Please select the company you wish to login as.