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

Template (product.json)
  └── Section: main-product
        ├── Block: product-title
        ├── Block: price
        └── Block: buy-buttons
              └── (snippet: money no código)

---

Estrutura de uma section

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)

Não é necessário acessar código interno da Corvex para criar sections — apenas o contrato público (Section Contract).

---

Leitura recomendada

• Criar uma seção com blocos — tutorial da FAQ, com pergunta e resposta que o lojista reordena
• Blocks
• Snippets
• Schema
• Arquitetura do tema