Introduction

Liquid is an open-source, Ruby-based template language created by Shopify. It is the backbone of Shopify themes and is used to load dynamic content on storefronts.

Liquid uses a combination of tags, objects, and filters to load dynamic content. 

Tags

Tags make up the programming logic that tells templates what to do.

{% if user.name == 'elvis' %}
 Hey Elvis
{% endif %}

 

Objects

Objects contain attributes that are used to display dynamic content on the page.

{{ product.title }} <!-- Output: Awesome T-Shirt-->

 

Filters

Filters are used to modify the output of strings, numbers, variables, and objects.

{{ 'sales' | append: '.jpg' }} <!-- Output: sales.jpg -->