Leading zeros in Liquid using forloop.index
The expression
{{ forloop.index | prepend: '00' | slice: -2, 2 }}
is a clever way to display two-digit numbers with leading zeros in Liquid.
Let’s break it down:
-
forloop.index - Gives us the current iteration number (1, 2, 3, etc.)
-
prepend: ‘00’ - Adds “00” to the beginning of the number (001, 002, etc.)
-
slice: -2, 2 - Takes only the last 2 digits from the right
Example:
-
When index is 1: “001” → “01”
-
When index is 12: “0012” → “12”
-
When index is 3: “003” → “03”