Funcionamento básico

O Liquid usa uma combinação de tags, objetos e filtros para carregar o conteúdo dinâmico da loja. Cada uma dessas construções possui um uso específico, como descrito na tabela abaixo:

Construct	Uso	Exemplo
Tags	Lógica de exibição e controle de dados. As tags permitem acessar objetos e criar condições sem produzir saída visível direta no navegador. Delimitadores: {% %}	Controle de promoção: {% if product.on_sale %} De: {{ product.price | money_format }} {% else %} Preço: {{ product.price | money_format }} {% endif %} • Em promoção: exibe “De/Por”. • Sem promoção: exibe “Preço”.
Objetos	Exibem informações vindas do Admin da sua loja. Delimitadores: {{ }}	Exibição de dados: {{ product.name }} resulta em Camiseta de verão. Aqui, product é o objeto e name é o atributo. Saiba mais na seção Objetos.
Filtros	Usados para modificar a exibição de números, strings e variáveis. São colocados dentro de objetos e separados por |.	• Capitalização: {{ "olá, mundo!" | capitalize }} (Olá mundo!) • Combinação: {{ "olá, mundo!" | capitalize | remove: "mundo" }} (Olá, !) A priorização ocorre da esquerda para a direita.

A forma em que esses componentes da tabela são utilizados na sua loja estão descritos na seção Templates de Páginas. A princípio é importante saber que o uso de tags, objetos e filtros dependem das páginas da sua loja, e os arquivos que compõe os Templates de Páginas são os arquivos que possuem as principais definições e conteúdo das páginas sua loja.

📘 Liquid na pasta do projeto

Os arquivos Liquid estão dentro da pasta liquids do seu projeto. Saiba mais em Pasta Liquids.