A Nuvemshop tem vários modelos gratuitos na Loja de Layout, que permitem montar uma loja profissional sem editar código.
Para negócios com necessidades mais específicas, parceiros, profissionais de desenvolvimento e clientes com conhecimento em programação podem acessar o código-fonte do layout e personalizar a loja com uma identidade visual exclusiva.
Aqui reunimos as boas práticas e os cuidados desse trabalho.
Qual ferramenta usar para editar o código?
A ferramenta indicada nos dois caminhos é a CLI da Nuvemshop. Ela sincroniza as alterações enquanto você edita, gera link de pré-visualização, mostra o que muda antes de enviar e dispensa um cliente FTP de terceiros.
Para saber como utilizar CLI da Nuvemshop na loja, acessar: Como instalar e usar a CLI da Nuvemshop para editar layouts?
Helpjuice Info Callout Title
Com o Nuvemshop CLI, a agência não precisa mais utilizar programas como FileZilla ou Cyberduck. Tudo acontece direto no editor de código (como o VS Code) e no terminal.
Qual caminho de edição o layout do meu cliente usa?
O caminho depende do tipo de layout instalado na loja.
- Temas legados (FTP): A liberação acontece no painel administrador, pela abertura do acesso ao código. A conexão FTP continua, mas deixa de ser manual. A ferramenta CLI da Nuvemshop automatiza toda a sincronização.
- Temas novos (Ipanema/Fork): A liberação é o fork, feito pela CLI da Nuvemshop, sem passo no painel. O parceiro trabalha em uma versão isolada do tema. A loja em produção só muda quando ele decide publicar.
Para mais detalhes de cada caminho, acessar: Como editar o código do layout da minha loja?
Quais cuidados tomar na loja de um cliente?
O código-fonte de uma loja em operação é um ambiente de produção, então vale tratar cada alteração com o mesmo cuidado que você aplicaria em qualquer projeto no ar.
Mantenha um backup próprio dos arquivos originais. Baixe todos os arquivos antes da primeira alteração e guarde essa cópia do seu lado, atualizada conforme o projeto avança.
Helpjuice Success Callout Title
O nosso time técnico não consegue recuperar os arquivos personalizados em todas as situações, e a Nuvemshop não guarda backup de layout personalizado. O backup do seu lado é o que garante a possibilidade de restaurar o trabalho.
Combine com o cliente quem aplica as atualizações. Depois que o código é liberado, manter o layout atualizado passa a depender de alguém com conhecimento em programação, e vale deixar isso claro no escopo do projeto.
Para mais informações sobre as atualizações disponibilizados para o layout e como aplicar as versões novas em um layout com fork, consultar como testar as atualizações do meu layout na Nuvemshop sem perder as personalizações.
Documentação para parceiros e web designers
A documentação para criação e manutenção de layout personalizado fica no nosso portal para desenvolvedores, com a referência dos arquivos, dos objetos e das boas práticas de código. Veja abaixo:
Helpjuice Warning Callout Title
A documentação é escrita a partir do nosso layout base, então podem existir diferenças de estrutura no código em relação aos outros modelos de layout.
Para saber o que é possível alterar pelo código-fonte, consultar as perguntas frequentes sobre alterações no layout via FTP.