Getting started with Liquid
Remarks#
About Liquid
Liquid is an open-source templating language created by Shopify and written in ruby. It has been used by Shopify since 2006 and is now used by many other hosted web applications including: Jekyll, Zendesk and Salesforce Desk.
The basics of Liquid
Liquid code can be categorised into objects, tags and filters.
Objects
Objects tell Liquid where to show content on a page. Objects and variables are denoted with double curly braces. {{
and }}
<!-- input -->
{{ page.title }}
<!-- output -->
Getting started with Liquid
Tags
Tags are used to create logic control the flow of the templates and are denoted with curly brace and percentage signs {%
and %}
.
<!-- input -->
{% if user %}
Hello {{ user.name }}!
{% endif %}
<!-- output -->
Hello George!
Filters
Filters are used to manipulate an object and are denoted with a pipe |
.
Multiple filters can be applied are are applied from left to right.
<!-- input -->
{{ "world" | capitalize | prepend: "Hello " | append: "!" }}
<!-- output -->
Hello World!