Editando site pelos arquivos TPL

Olá comunidade!

Entrei na Nuvem em Abril/2020 e muitas alterações do visual atual do meu site (www.zubacasacriativa.com.br) eu fiz através do editor de HTML que está no próprio painel da Nuvem.

Atualmente, quero fazer novas modificações, mas me foi passado pelo suporte da Nuvem que esse editor não funciona mais. Descobri como abrir os arquivos .TPL através do Visual Studio Code, mas não sei como faço para visualizar essas modificações, pois não encontrei um arquivo .HTML para rodar.

Tenho um conhecimento intermediário de HTML e CSS (já foi avançado, mas saí do ramo e fiquei desatualizada hehe), então me responsabilizo totalmente pelo ato!

As modificações que quero fazer são pequenas e simples, como colocar mais Módulos de Imagem & Texto, adicionar efeito de mouseover nas fotos da home…

Alguém tem uma luz que possa me ajudar? Agradeço muitíssimo desde já!

Abraços desde já,
Vivianed

Olá @zubacasacriativa,

Arquivos TPL são arquivos de Template do Twig que é um framework de renderização de layout utilizado em cima do PHP pois se utiliza de algumas funções do mesmo.

Por conta disso, ele é uma linguagem que só pode ser rodada em servidor e o código da Nuvemshop conta com variáveis internas que mesmo que você tente rodar na sua máquina com um servidor PHP local, não funcionará corretamente.

A única maneira de visualizar as modificações no layout é editando via Visual Code (no seu caso) e subindo via FTP para o site (o Visual Code tem um plugin que faz isso pra você a cada vez que salva um arquivo, facilitando a vida).

Porém, cuidado ao modificar o Twig da Nuvemshop. Se alterar de forma que ele dê falha, a loja fica fora do ar. Se não tem certeza do que vai fazer ou prefere testar antes, sugiro abrir uma loja de testes com o mesmo layout, migrar o código de uma para a outra e testar antes de colocar em produção.

Se precisar falar com um Parceiro/Especialista Nuvemshop, só entrar em contato pelos canais abaixo:

DUOSHIRO

Tel/WhatsApp: (41) 99290-6169
E-Mail: contato@duoshiro.com
Website: http://www.duoshiro.com
Portfólio: https://www.nuvemshop.com.br/especialistas-nuvem/duoshiro

Desenvolvimento | e-Commerce | Integração | Segurança


1 Curtida