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

# Sections — visão geral

> Blocos de página no Editor — sections, blocks e snippets.

Uma **seção** é uma região da página, como um banner ou uma vitrine. O lojista adiciona, remove e reordena seções no editor. Um **bloco** é um item dentro de uma seção, como um slide ou uma pergunta. Um **snippet** é um componente de código que o lojista não vê na paleta.

| Camada | Pasta no tema | Editor |
| - | - | - |
| **Section** | `sections/{id}/` | Merchant adiciona/remove na página |
| **Block** | `blocks/{id}/` | Merchant reordena dentro da section |
| **Snippet** | `snippets/{id}/` | Só developer — `import` no código |

***

## Hierarquia

```text theme={"theme":{"light":"github-light","dark":"github-dark"}}
Template (product.json)
  └── Section: main-product
        ├── Block: product-title
        ├── Block: price
        └── Block: buy-buttons
              └── (snippet: money no código)
```

***

## Estrutura de uma section

```text theme={"theme":{"light":"github-light","dark":"github-dark"}}
sections/hero/
├── section.jsx
├── schema.json
├── blocks.json    # opcional
└── styles.css
```

Cada section listada em `theme.json` → `sections[]` precisa de `section.jsx` + `schema.json`.

***

## Sections do tema vs plataforma

| Origem | Descrição |
| - | - |
| **Seu tema** | Tudo em `sections/` do projeto — você desenvolve e publica com `corvex publish` |
| **Bundle customizado** | Sections compiladas no bundle do tema ([agency bundle](https://docs-loja.usecorvex.com.br/sections/agency-bundle.md)) |

Não é necessário acessar código interno da Corvex para criar sections — apenas o contrato público ([Section Contract](https://docs-loja.usecorvex.com.br/reference/contracts/section.md)).

***

## Leitura recomendada

* [Criar uma seção com blocos](https://docs-loja.usecorvex.com.br/cookbook/faq.md) — tutorial da FAQ, com pergunta e resposta que o lojista reordena
* [Blocks](https://docs-loja.usecorvex.com.br/sections/blocks.md)
* [Snippets](https://docs-loja.usecorvex.com.br/sections/snippets.md)
* [Schema](https://docs-loja.usecorvex.com.br/sections/schema.md)
* [Arquitetura do tema](https://docs-loja.usecorvex.com.br/themes/structure.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.