SALE: Visit our Product of the Week
Save up to 25% today! Learn More

Liquid

Liquid code can be categorized into objects, tags, and filters.

Objects

Objects and variable names are denoted by double curly braces: {{ and }}.

For example, {{ page.title }} displays the name of a current CMS page.
For example, Liquid Test displays the name of a current CMS page.

Tags

Tags create the logic and control flow for templates. They are denoted by curly braces and percent signs: {% and %}.

For example, anything you put between {% comment %} and {% endcomment %} tags is turned into an invisible HTML comment.
For example, anything you put between tags is turned into an invisible HTML comment.

Filters

Filters change the output of a Liquid object. They are used within an output and are separated by a |.

Multiple filters can be used on one output: {{ "sherry!" | capitalize | prepend: "Hello " }}
Multiple filters can be used on one output: Hello Sherry!

Liquid Reference

For more information, see Liquid documentation