Additional Filters

All the filters that cannot be grouped to other categories.


default

Sets a default value for any variable with no assigned value. default will show its value if the input is either null, false or empty.

Input

 {% assign test_default = "" %}
 {{ 'my_string' | default: 'I will not show up' }}
 {{ test_default | default: "I will show up" }}

Output

 my_string
 I will show up

file_size

Formats bytes to prettier file size format.

Input

 {{ 1024 | file_size }}

Output

 1 KB

placeholder_svg_tag

Renders a placeholder SVG.

Input

 {{ 'image' | placeholder_svg_tag}}

Output

 <svg viewBox="0 0 525 525" fill="none" stroke="black" xmlns="http://www.w3.org/2000/svg"><!-- SVG definition --></svg>

Following options are available:

Target Size
Category image category-<n>, n=1..7
Background background-<n>, n=1..3
Product image product-<n>, n=1..12
General placeholder image

For more advanced usage, you can define SVG attributes as filter parameters and set a CSS class for the svg element.

Input

 {{ 'product-2' | placeholder_svg_tag: stroke:'blue', width: 20, height: 20, class: 'my-svg-class' }}

Output

 <svg class="my-svg-class" width="20" height="20" viewBox="0 0 525 525" fill="none" stroke="blue" xmlns="http://www.w3.org/2000/svg"><!-- SVG definition --></svg>

to_bool

Converts the input to a boolean value.

Input

 {{ 'true' | to_bool }}
 {{ 'false' | to_bool }}
 {{ '1' | to_bool }}
 {{ '0' | to_bool }}
 {{ 'yes' | to_bool }}
 {{ 'no' | to_bool }}
 {{ 'on' | to_bool }}
 {{ 'off' | to_bool }}

Output

 true
 false
 true
 false
 true
 false
 true
 false

to_number

Converts the input to a number.

Input

 {{ '123' | to_number }}
 {{ '123.45' | to_number }}
 {{ '123.45.67' | to_number }}

Output

 123
 123.45
 123.45