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>
yepnope
Test if value is truthy and return the yes parameter value, otherwise return no value.
Input
{{ '' | yepnope: 'yes', 'no' }}
{{ 'some content' | yepnope: 'yes', 'no' }}
Output
no
yes