Liquid is an open-source template language created by Shopify. It’s written in Ruby and used to load dynamic content on websites. Liquid is designed to be simple, secure, and easy to learn.
For detailed documentation, please refer to the official LiquidJS and Shopify Liquid documentation.

Liquid Syntax Basics

Objects

Objects represent variables that output content on the page. They are denoted with double curly braces:
{{ page.title }}
{{ product.price }}
{{ user.name }}

Tags

Tags create the logic and control flow for templates. They are denoted with curly braces and percent signs:
{% if user.name == 'John' %}
  Hello John!
{% endif %}

{% for product in collection.products %}
  {{ product.title }}
{% endfor %}

Filters

Filters change the output of an object. They are applied to an object using the pipe character:
{{ "hello world" | capitalize }}
{{ product.price | money_with_currency }}
{{ collection.products | size }}

Next Steps

Examples

Conditional Rendering

{% if user %}
  Hello {{ user.name }}!
{% else %}
  Hello Guest!
{% endif %}

Looping through Collections

<ul>
{% for product in collection.products %}
  <li>{{ product.title }} - {{ product.price | money }}</li>
{% endfor %}
</ul>

Using Filters

{{ "sale ends soon" | capitalize | append: "!" }}
<!-- Output: Sale ends soon! -->

{{ product.price | money_with_currency }}
<!-- Output: $29.99 USD -->
Remember to check the official LiquidJS and Shopify Liquid documentation for more comprehensive and detailed information about Liquid templating language.