Como editar um tema da Shopify sem quebrar a sua loja
Como editar um tema da Shopify
Como editar um tema da Shopify com segurança: editor, seções, código | We.Inc
Edite o seu tema da Shopify sem quebrar a loja no ar: duplique primeiro, use seções e blocos no editor de temas e só mexa no código com um backup.
Duplique o tema primeiro para ter um backup, depois abra a cópia no editor de temas e altere seções, blocos e configurações do tema sem código. Visualize e publique só quando estiver certo. Use Editar código apenas para mudanças que o editor não consegue fazer, e copie qualquer arquivo antes de alterá-lo.
Formas de alterar um tema da Shopify, da mais segura para a menos segura
Método
O que você altera
Precisa de código?
Configurações do tema
Cores, fontes, botões e outros estilos da loja toda
Não
Seções e blocos
O que aparece em cada página e em que ordem
Não
Editar código
Arquivos Liquid, CSS e JavaScript do tema
Sim
Desenvolvimento local
O tema inteiro, com controle de versão
Sim
O editor de temas da Shopify permite reorganizar a sua loja sem mexer em código, e a maioria dos lojistas nunca precisa de mais que isso. Siga o checklist abaixo na ordem. Ele mantém uma cópia segura a cada etapa, então uma mudança ruim custa um minuto, e não um fim de semana perdido.
No admin, vá em Loja virtual, abra o menu de ações do seu tema e clique em Duplicar.
Clique em Personalizar na cópia, e não no tema publicado, para abrir o editor de temas.
Adicione, oculte, reordene ou exclua seções e blocos, e defina os estilos da loja toda nas configurações do tema.
Visualize a cópia e publique quando estiver satisfeito. O tema antigo fica na sua biblioteca como reserva.
Na dúvida, oculte uma seção em vez de excluí-la. Uma seção oculta guarda o conteúdo para depois.
Cada template comporta até 25 seções e até 1250 blocos somando todas elas, então páginas muito longas precisam ser enxugadas.
Se uma atualização do tema entrar em conflito com código que você alterou, a Shopify avisa que as suas alterações de código são removidas na cópia atualizada. Anote cada edição.
Você vê o desenvolvedor e o número da versão do seu tema no editor de temas, o que ajuda ao falar com o suporte.
Perguntas frequentes
Editar o meu tema muda a loja no ar na hora?
As edições no tema publicado entram no ar quando você salva. Editar uma cópia não publicada não muda nada para os clientes até você publicar essa cópia.
Qual é a diferença entre uma seção e um bloco?
Uma seção é uma parte da página com a largura inteira, como um slideshow ou uma coleção em destaque. Os blocos são as peças menores dentro dela, como um título, um botão ou uma imagem.
Como desfaço uma alteração no código?
No editor de código, a visualização Linha do tempo de um arquivo pode restaurar uma versão anterior. A Shopify observa que o histórico da linha do tempo é limitado e que restaurar substitui o arquivo inteiro, então copie antes o que quiser manter.
O suporte da Shopify pode editar o meu tema para mim?
Para temas feitos pela Shopify, o suporte pode ajudar com certas personalizações predefinidas, mas não escreve código personalizado. Para um tema pago, fale com o desenvolvedor dele, ou contrate um Parceiro da Shopify para trabalho personalizado.
Quantas cópias de um tema posso manter?
Lojas nos planos Basic, Grow e Advanced podem ter até 20 temas. Se chegar ao limite, você precisa excluir um antes de duplicar outro.
Quando abrir Editar código
A Shopify recomenda editar o código do tema só se você souber HTML e CSS e tiver uma noção básica de Liquid, a linguagem de templates dela. Os motivos típicos são um pequeno ajuste de estilo que as configurações não oferecem ou um trecho que um app pede para você colar.
Antes de salvar, copie o arquivo original para um arquivo de texto no seu computador. Isso dá uma segunda rede de segurança além da linha do tempo da própria Shopify.
Por que a cópia importa
Uma cópia aparece na sua biblioteca de temas como Cópia de mais o nome original. Renomeie para algo claro, como a data e o que você mudou, para distinguir as versões depois.
Publicar uma cópia é reversível: o tema anterior continua na biblioteca, e você pode publicá-lo de novo se as vendas caírem ou algo parecer quebrado.
O que o editor salva para você
Cada tipo de página em um tema moderno é um template JSON: uma lista de seções, as configurações delas e a ordem. O editor de temas escreve esse arquivo quando você arrasta as coisas, e por isso raramente é preciso editá-lo à mão.
Um pequeno template de página de produto
O objeto sections guarda cada seção e as configurações dela; order é a lista que a Shopify renderiza de cima para baixo.
Checklist de edição segura
{n} de {v} etapas concluídas
Recomeçar
Todas as etapas concluídas. O seu tema antigo continua na biblioteca, se precisar dele.
Duplique o tema publicado em Loja virtual
Renomeie a cópia para distingui-la
Abra a cópia com Personalizar
Defina cores, fontes e botões nas configurações do tema