Personalização e customização do tema
6 min
Criado por: Rafael Pinheiro em: 01/07/2020 16:24

O que é e como funciona o tema padrão
Todas as lojas Dooca Commerce possuem o tema padrão nativo, projetado e desenvolvido por nossa equipe e que recebe constantemente atualizações com novas funcionalidades, novas opções visuais e melhorias de performance e SEO.

É neste tema padrão que são criadas e configuradas todas nossas lojas de demonstração (https://dooca.com.br/lojas-virtuais-de-demonstracao). Estas que também são disponibilizadas gratuitamente para você iniciar a sua loja, basta você solicitar a instalação ao nosso time de suporte após sua contratação. Quando instalamos o visual de uma delas na sua loja virtual o tema continua sendo o tema padrão. Para você entender melhor: Esta instalação nada mais é que um conjunto de configurações e informações inseridas dentro do editor visual do tema padrão que resultam no visual que você escolheu. Ou seja, é apenas uma personalização via configurações e, em alguns casos, inserção de CSS, não se tratando de outro tema customizado.

O que impossibilita a atualização do tema padrão
A atualização gratuita do tema disponibilizada no painel de controle é um fator muito importante que deve ser levado em conta ao customizar o tema padrão da sua loja virtual através do Editor de código, acessível no menu Aparência > Meus temas > Editar código. Edições de código estruturais de .json, .twig ou .css através do Editor de código impossibilitam atualizações futuras do tema padrão.

Por que isso acontece?

Ao editar qualquer arquivo não é mais possível garantir o bom funcionamento do tema padrão, pois dependendo da alteração realizada no código, pode impedir o funcionamento total ou parcial da sua loja virtual e por medida de segurança a atualização é automaticamente bloqueada. Neste caso a implantação de novas funcionalidades disponíveis no painel e que necessitam de desenvolvimento no tema da sua loja virtual, ou até mesmo melhorias de performance ou SEO, são de responsabilidade sua ou do desenvolvedor responsável. A Dooca Commerce não se responsabiliza e não presta suporte para questões desta natureza.

Como editar códigos CSS do tema padrão

Edições de CSS realizadas dentro do Editor visual, acessível no menu Aparência > Meus temas > Personalizar, não impedem a atualização do tema. O CSS inserido no editor visual sobrescreve o CSS do tema padrão, não alterando nenhum código base do tema, permitindo personalizações visuais mais avançadas.

Em alguns pacotes de atualizações, em situações raras e específicas, são necessárias alterações em classes de CSS ou estrutura de HTML para inserção de novas funcionalidades ou melhorias de performance e SEO. Nestes casos existe uma pequena possibilidade do seu CSS inserido no editor visual não funcionar como esperado após a atualização, vale lembrar que a Dooca Commerce não se responsabiliza e não presta suporte para questões desta natureza.

Para inserir o CS customizado você deve acessar o menu Aparência > Meus Temas > Personalizar. Já dentro do editor visual, acesse a aba Configurações > Estilo customizado (CSS) e insira o código CSS que você deseja alterar. 

Alternativas para não perder a atualização do tema

Se você possui conhecimento avançado é possível embedar códigos de JavaScript ou CSS no menu Configuração > Avançado do painel da sua loja virtual sem perder a atualização do tema padrão, podendo manipular objetos do front da loja via JavaScript, por exemplo, customizando e alterando posições de elementos que desejar.

Porém, da mesma maneira que a inserção de códigos CSS, em alguns pacotes de atualizações em situações raras e específicas são necessárias alterações em classes de CSS ou estrutura de HTML para inserção de novas funcionalidades ou melhorias de performance e SEO. Isto pode fazer com que seus códigos não funcionem como previsto após uma atualização. O ajuste destes códigos é responsabilidade sua ou do desenvolvedor responsável. A Dooca Commerce não se responsabiliza e não presta suporte para questões desta natureza.

Dicas e recomendações

Antes de partir para customizações de código analise as opções disponíveis no editor visual e nos aplicativos da sua loja virtual. Já presenciamos casos de temas que sofreram edição em código para implementação de funcionalidades já disponíveis em forma de opções dentro do painel ou do editor visual e, por consequência desta edição, ficaram impossibilitados de receber atualizações do tema padrão.

A recomendação é montar a base da loja e após isso entrar em detalhes e ajustes finos, analisando todas as opções disponíveis e ter a certeza de que realmente é necessário edição de código para determinada situação. Muitas vezes a solução está em uma simples opção dentro do painel ou editor visual ;)

Artigos recomendados

O artigo abaixo contém um passo a passo para você seguir na criação da sua loja virtual na plataforma Dooca Commerce.

Guia de criação da sua loja virtual

https://dooca.com.br/guia-para-a-criacao-da-sua-loja-virtual-na-dooca-commerce/base-de-conhecimento

Últimos artigos visitados