Funcionamento básico

**Tags **

Lógica de exibição e controle de dados. O texto que cercam as tags não produz um resultado visível quando a página é renderizada no navegador, no entanto permite acessar objetos da plataforma e criar condições e repetições sem que código Liquid fique visível na vitrine da loja.
Para identificar tags utilize os delimitadores {% %} .

Controle de exibição de um conteúdo diferente na página de produtos em promoção:

{% if product.on_sale %}
  De: {{ product.price | money_format }}
  Por: {{ product.sale_price | money_format }}
{% else %}
  Preço: {{ product.price | money_format }}
{% endif %}

Nesse exemplo:

• Se o produto estiver em promoção, será exibido:
• *De: R$ 99,90
  Por: R$ 79,90**
• Se o produto não estiver em promoção, será exibido:
  Preço: R$ 99,90

Saiba mais sobre o uso de tags na seção Tags.

Objetos

Exibe partes de informações do Admin da sua loja.
Para identificar objetos utilize os delimitadores {{ }} .

Renderização das páginas de produto com os produtos cadastrados no Admin.
Se utilizamos um
{{ product.name }}, o resultado seria Camiseta de verão, por exemplo.

Nesse exemplo product é o objeto, e name é um atributo desse objeto.
Cada objeto tem uma lista de propriedades associadas a ele. Saiba mais na seção Objetos.

Filtros

Filtros são usados para modificar a exibição de números, strings, objetos e variáveis.
Eles são colocados em objetos {{ }}, e são separados por uma barra vertical (|).

• Modificar uma string com capitalização na primeira letra:
  {{ "olá, mundo!" | capitalize }}
  Resultado: Olá mundo

• Combinação de filtros em um mesmo elemento para capitalizar e retirar uma palavra:
  {{ "olá, mundo!" | capitalize | remove: "mundo" }}
  Resultado: Olá, !

Na combinação de filtros a ordem de priorização é feita da esquerda para a direita:

Veja mais como utilizar os filtros em Filtros.