> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kiwify.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Visão Geral

> Liquid é um engine de template que permite criar páginas web dinâmicas.

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.

<Note>
  Para documentação detalhada, consulte a documentação oficial do [LiquidJS](https://liquidjs.com/tutorials/intro-to-liquid.html) e [Shopify Liquid](https://shopify.dev/docs/api/liquid).
</Note>

## Básicos da Sintaxe Liquid

### Objetos

Objetos representam variáveis que produzem conteúdo na página. Eles são indicados com chaves duplas:

```liquid theme={null}
{{ 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:

```liquid theme={null}
{% 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:

```liquid theme={null}
{{ "olá mundo" | capitalize }}
{{ product.price | money_with_currency }}
{{ collection.products | size }}
```

## Próximos Passos

<CardGroup cols={3}>
  <Card title="Referência de Objetos" icon="cubes" href="/members-area/reference/objects">
    Aprenda sobre todos os objetos Liquid disponíveis e suas propriedades
  </Card>

  <Card title="Referência de Filtros" icon="filter" href="/members-area/reference/filters">
    Explore a lista completa de filtros Liquid
  </Card>

  <Card title="Referência de Tags" icon="tags" href="/members-area/reference/tags">
    Descubra todas as tags Liquid e como usá-las
  </Card>
</CardGroup>

## Exemplos

### Renderização Condicional

```liquid theme={null}
{% if user %}
  Olá {{ user.name }}!
{% else %}
  Olá Visitante!
{% endif %}
```

### Percorrendo Coleções

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

### Usando Filtros

```liquid theme={null}
{{ "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](https://liquidjs.com) e [Shopify Liquid](https://shopify.dev/docs/api/liquid) para informações mais abrangentes e detalhadas sobre a linguagem de template Liquid.