> ## 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.

# Overview

> Liquid is a template engine that allows you to create dynamic web pages.

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.

<Note>
  For detailed documentation, please refer to the official [LiquidJS](https://liquidjs.com/tutorials/intro-to-liquid.html) and [Shopify Liquid](https://shopify.dev/docs/api/liquid) documentation.
</Note>

## Liquid Syntax Basics

### Objects

Objects represent variables that output content on the page. They are denoted with double curly braces:

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

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

```liquid theme={null}
{{ "hello world" | capitalize }}
{{ product.price | money_with_currency }}
{{ collection.products | size }}
```

## Next Steps

<CardGroup cols={3}>
  <Card title="Objects Reference" icon="cubes" href="/en/members-area/reference/objects">
    Learn about all available Liquid objects and their properties
  </Card>

  <Card title="Filters Reference" icon="filter" href="/en/members-area/reference/filters">
    Explore the complete list of Liquid filters
  </Card>

  <Card title="Tags Reference" icon="tags" href="/en/members-area/reference/tags">
    Discover all Liquid tags and how to use them
  </Card>
</CardGroup>

## Examples

### Conditional Rendering

```liquid theme={null}
{% if user %}
  Hello {{ user.name }}!
{% else %}
  Hello Guest!
{% endif %}
```

### Looping through Collections

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

### Using Filters

```liquid theme={null}
{{ "sale ends soon" | capitalize | append: "!" }}
<!-- Output: Sale ends soon! -->

{{ product.price | money_with_currency }}
<!-- Output: $29.99 USD -->
```

Remember to check the official [LiquidJS](https://liquidjs.com) and [Shopify Liquid](https://shopify.dev/docs/api/liquid) documentation for more comprehensive and detailed information about Liquid templating language.