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

# section

> The properties and settings of a section.

You can access detailed information about the current section being rendered, including its settings and blocks, using the `section` object.

<Tip>
  To learn more about sections, and using them in your theme, see [Sections](/en/members-area/key-concepts/theme/sections).
</Tip>

## Syntax

```liquid theme={null}
{{ section.id }}
```

## Properties

<ParamField path="id" type="string">
  The unique identifier of the section. This is automatically generated in JSON template when they're added by theme editor.
</ParamField>

<ParamField path="type" type="string">
  The type of the section.
</ParamField>

<ParamField path="blocks" type="object">
  The blocks of the section, accessible by their IDs.
</ParamField>

<ParamField path="block_order" type="string[]">
  The IDs of the blocks of the section, in the order they will appear.
</ParamField>

<ParamField path="settings" type="object">
  The settings of the section.
</ParamField>

## Scope

It's accessible globally in any section or block.

<Frame>
  ```mermaid theme={null}
  graph TD
      A[Global Context] --> B[section]
      style A fill:#f9f9f9,stroke:#333,stroke-width:2px,color:#333,stroke-dasharray: 5 5
      style B fill:#4B96FF,stroke:#333,stroke-width:1px,color:white,font-weight:bold
      linkStyle 0 stroke:#4B96FF,stroke-width:2px
  ```
</Frame>

<Panel>
  <Tabs>
    <Tab title="Example">
      ```json theme={null}
      {
        "id": "section_123456",
        "type": "banner",
        "blocks": {
          "slide-a": {
            // ...
          },
          "slide-b": {
            // ...
          }
        },
        "block_order": [
          "slide-a",
          "slide-b"
        ],
        "settings": {
          "margin_top": 0
        }
      }
      ```
    </Tab>
  </Tabs>
</Panel>
