Como personalizar a página de produtos de uma loja Nuvemshop

Por: Dannie Karam
Como personalizar a página de produtos de uma loja Nuvemshop

Para fazer mudanças nas páginas de produto, seja para repor o descritivo, para adicionar logos de meio de pagamento ou para adicionar logos de métodos de entrega, o processo deve passar pelo arquivo product.tpl, alterado pelo editor do código.  Por exemplo: para mover o descritivo do produto da primeira para a segunda coluna, basta acessar o código, dentro de templates, e procurar pelo product.tpl.

É importante lembrar que ali se encontram os HTML’s específicos. Vale lembrar que não é o HTML que vai alterar todas as páginas; este fica dentro de layout.tpl, que alterara cabeçalho, rodapé e outros campos. Nesta página específica, apenas o HTML da página de produtos será modificado.

Para trocar o local da descrição, portanto, deve-se acessar o product.tpl, encontrando o product.description. Selecionando este arquivo, deve-se cortar, ajustar, agregar informações do carrinho, e o que mais se desejar. Deve-se salvar, atualizar e conferir na página de produto.

Já se o objetivo é adicionar os logos dos meios de pagamento, então é possível verificar em settings.payment quais são os meios de pagamento ativos no momento. Depois, é possível converter uma URL em uma imagem, utilizando o valor como nome do meio de pagamento (Visa, Master, etc), através do “img source =”. Caso o tamanho não fique adequado, basta ajustar dentro das mesmas pastas por pixels.

Enquanto isso, para adicionar as logos dos métodos de frete, o procedimento será idêntico, mudando apenas a pasta de alteração. Ao invés de utilizar settings.payment, é só ir até o settings.shipping dentro do editor, fazer as alterações e assim como nos demais processos, salvar e atualizar para visualizar as mudanças.

Faça como +60mil lojas e
crie a sua Nuvemshop

Testar 30 dias grátis
Crie a sua loja na Nuvemshop

Sabemos que migrar sua loja não é uma decisão simples.

Descubra os benefícios e facilidades que a Nuvemshop oferece exclusivamente para migrações.

Saiba mais sobre a migração