Aparência
Comece aqui
Um tema V3 reúne os arquivos que definem a apresentação da loja. Você precisa conhecer HTML e CSS; o Liquid permite inserir os dados que a LojaVirtual fornece em cada página.
Você pode trabalhar em um editor de código de sua preferência. O fluxo atual usa um ZIP exportado do editor de temas e a prévia da plataforma. Não é necessário instalar o servidor da LojaVirtual para editar esses arquivos.
Sua primeira alteração
- Abra Temas → Editar tema no painel da loja.
- Abra Mais opções (
•••) e escolha Baixar tema (.zip). Guarde uma cópia do ZIP original. - Extraia o pacote em uma pasta local. Na raiz, você encontrará
theme.json,layout.liquid,templates,sections,componentseassets. - Abra
templates/home.json. Escolha uma section presente no arraysectionse abrasections/{type}.liquid, usando o valor real detype. - Altere um título fixo dessa section. Preserve as expressões Liquid e os atributos
data-*existentes. - Comprima o conteúdo da pasta.
theme.jsondeve estar diretamente na raiz do ZIP, sem uma pasta envolvendo os arquivos. - No editor, escolha Mais opções → Enviar tema (.zip) e envie o pacote.
- Confira a Home e o modo celular na prévia. A importação prepara uma revisão para análise; a loja publicada ainda não muda.
- Quando estiver satisfeito, use Publicar e confirme a publicação.
Antes de editar mais
- Preserve
assets/theme.js: a importação atual exige que seu conteúdo seja idêntico ao da revisão-base. - Mantenha o marcador de conteúdo de
layout.liquide os hooks funcionais dos formulários. - Alterações geradas pela IA ficam em memória até a publicação. Não use recarregar ou fechar a aba como forma de salvar.
- Imagens da identidade global da loja e imagens do tema têm fluxos diferentes. A troca de logo no editor aguarda Publicar, junto com o layout; trocar de tema mantém a logo global.
Continue em Organização do tema, Liquid ou Criar uma vitrine.