Skip to content

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 ​

  1. Abra Temas → Editar tema no painel da loja.
  2. Abra Mais opções (•••) e escolha Baixar tema (.zip). Guarde uma cópia do ZIP original.
  3. Extraia o pacote em uma pasta local. Na raiz, você encontrará theme.json, layout.liquid, templates, sections, components e assets.
  4. Abra templates/home.json. Escolha uma section presente no array sections e abra sections/{type}.liquid, usando o valor real de type.
  5. Altere um título fixo dessa section. Preserve as expressões Liquid e os atributos data-* existentes.
  6. Comprima o conteúdo da pasta. theme.json deve estar diretamente na raiz do ZIP, sem uma pasta envolvendo os arquivos.
  7. No editor, escolha Mais opções → Enviar tema (.zip) e envie o pacote.
  8. 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.
  9. 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.liquid e 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.

Temas V3 · Liquid estrutura, CSS desenha, JSON compõe.