Modelo de tema
A Corvex Store V2 separa o código do tema (o que a agência entrega) da configuração da loja (o que o lojista edita no editor).Princípio: código ≠ configuração da loja
A agência cria
sections/hero uma vez. O lojista pode ter várias instâncias com títulos e imagens diferentes.
Árvore do tema
groups/ guarda o padrão dos layout groups (cabeçalho e rodapé). A árvore completa e os arquivos obrigatórios estão em Estrutura do tema.
corvex build grava .corvex/theme.js, .corvex/theme.css e .corvex/locales.json. Não versione .corvex/ no git. O theme.js importa seções e blocos. Ele não importa layout/theme.jsx.
As camadas do Theme
Layout
Casca global da loja
Templates
Composição padrão de cada tipo de página
Sections
Módulos grandes editáveis
Blocks
Módulos dentro da section
Snippets
Componentes reutilizáveis no código
Config
Cores e fontes globais
Árvore de renderização
layout/theme.jsx não entra nessa árvore. Cabeçalho e rodapé vêm dos layout groups.