O que você pode fazer
- Editar o HTML, o CSS e o JavaScript de qualquer página da loja
- Criar componentes reutilizáveis e reaproveitá-los entre páginas
- Usar os dados da loja, dos produtos e dos pedidos direto no HTML
- Trocar textos, cores e imagens sem depender de deploy
Como funciona
Cada template é um conjunto de arquivos organizados em pastas. Quando você edita um arquivo, sua versão passa a valer no lugar da original, e o resto do template continua igual.Você nunca perde o template base. Apagar sua versão de um arquivo faz a loja voltar a usar o original.
Criar um template personalizado
1
Abra a personalização da loja
No painel, vá em Configurações → Personalização.
2
Crie um template a partir de um base
O novo template nasce como uma cópia do base, com todos os arquivos prontos para editar.
3
Edite e publique
Altere o arquivo desejado e salve. A mudança vale para a sua loja assim que você seleciona o template.
Por onde começar
Estrutura de arquivos
Entenda o que vai em cada pasta.
Sintaxe
Como exibir dados, usar condições e repetir listas.
Variáveis
Os dados disponíveis em cada página.
Páginas e rotas
Qual arquivo responde por qual endereço.