Liquid é uma linguagem de template open-source criada pela Shopify. É usada para carregar conteúdo dinâmico em websites. O Liquid é projetado para ser simples, seguro e fácil de aprender.
Para documentação detalhada, consulte a documentação oficial do LiquidJS e Shopify Liquid.

​
Básicos da Sintaxe Liquid

​
Objetos

Objetos representam variáveis que produzem conteúdo na página. Eles são indicados com chaves duplas: 
{{ page.title }}
{{ product.price }}
{{ user.name }}

​
Tags

Tags criam a lógica e fluxo de controle para templates. Elas são indicadas com chaves e sinais de porcentagem: 
{% if user.name == 'João' %}
  Olá João!
{% endif %}

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

​
Filtros

Filtros alteram a saída de um objeto. Eles são aplicados a um objeto usando o caractere pipe: 
{{ "olá mundo" | capitalize }}
{{ product.price | money_with_currency }}
{{ collection.products | size }}

​
Próximos Passos

Referência de Objetos

Aprenda sobre todos os objetos Liquid disponíveis e suas propriedades

Referência de Filtros

Explore a lista completa de filtros Liquid

Referência de Tags

Descubra todas as tags Liquid e como usá-las

​
Exemplos

​
Renderização Condicional

{% if user %}
  Olá {{ user.name }}!
{% else %}
  Olá Visitante!
{% endif %}

​
Percorrendo Coleções

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

​
Usando Filtros

{{ "promoção termina em breve" | capitalize | append: "!" }}
<!-- Output: Promoção termina em breve! -->

{{ product.price | money_with_currency }}
<!-- Output: R$ 29,99 BRL -->
Lembre-se de consultar a documentação oficial do LiquidJS e Shopify Liquid para informações mais abrangentes e detalhadas sobre a linguagem de template Liquid.