Template Basics - Liquid

Supportbench knowledgebase team

29-Oct-2015

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 -->