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