> For the complete documentation index, see [llms.txt](https://partners.tray.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/novo/estrutura/secoes.md).

# Seções

Seção é um bloco que possui uma ou várias seções com itens relacionados da mesma estrutura. Por exemplo: temos a sessão "Cores e Layout" e dentro dela várias subseções onde é possível alterar as cores dos elementos do tema.

<figure><img src="/files/8X5OLlHjhOnzuZlhjSxt" alt=""><figcaption><p><strong>Exemplo da estrutura de cores</strong></p></figcaption></figure>

Para a seção é disponibilizado e indicado inserir o ícone. O qual pode ser personalizado com base na lista de [ícones](/themes/construindo-seu-template/editor-do-tema/novo/estrutura/icones.md). Caso não houver, será exibido um ícone padrão de configuração “cog”.&#x20;

Abaixo é possível visualizar a aparência dessa estrutura.

<figure><img src="/files/vXbtSHQkE25lecOeLM8J" alt=""><figcaption><p><strong>Exemplo da aplicação</strong></p></figcaption></figure>

**Estrutura padrão do campo:**

{% code overflow="wrap" %}

```json5
[
    {
        "info": {
		"version": "Sua versão",
                "documentation: "link_documentacao",
	        "support": "link_atendimento"
        }
    }
    {
	"label": "Nome da seção",
	"icon": "nome_do_ícone_para_seção",
	"sessions": [
            {
		"label": "Nome da subseção",
		"description": "Descrição da subseção", //essa chave é opcional
		"fields": [
                    {
			// Adicionar os componentes
                    }
                ]
            }
        ]
    }
]
```

{% endcode %}

{% hint style="success" %}
**Observação:** Caso tenha mais de uma seção ou subseção separar por vírgulas e criar o bloco novamente. Isso pode ser visto na [página de exemplo](/themes/construindo-seu-template/editor-do-tema/novo/estrutura/exemplo-de-utilizacao.md).
{% endhint %}