Share on facebook
Share on google
Share on twitter
Share on linkedin

Folha de estilo (CSS)

Dica: Antes de alterar seu layout use o recurso de salvar template como medida de segurança para retornar para a versão atual caso seja necessário. Acesse Layout >> Templates >> Meus templates >> e salve o layout.

Você poderá definir a folha de estilo da sua loja. Com isso, será possível realizar várias alterações através da inserção de códigos.

Acesse seu painel administrativo, clique em Layout >> Definir CSS (Folha de estilos).

 

Para realização de alterações e redefinição de Tags, você deverá editar a aba “Global”. Nessa aba, você poderá fazer as edições necessárias para a personalização. É possível alterar as cores, adicionar ou alterar fontes, criar menu de navegação, estilizar os links, dentre outros recursos que visam estilizar a sua loja.

Você também pode contratar o adicional de categorias adicionais para definir separadamente o CSS para a página de uma categoria a sua escolha.

Não se esqueça de clicar em “Salvar alterações” após terminar a personalização.

Definir cabeçalho

Para personalizar o cabeçalho da sua loja virtual acesse a página inicial do seu painel de controle, clique em Layout >> Definir Cabeçalho.

Nesta área você poderá selecionar o tipo de cabeçalho da sua loja virtual. São 3 tipos de cabeçalho, o SimplesAvançado eReduzido.

No Cabeçalho simples, é possível definir o alinhamento, a imagem do cabeçalho e uma imagem para o fundo do mesmo.

No Cabeçalho avançado, é possível inserir códigos em HTML para personalização do mesmo. Basta você clicar em “Código fonte” e realizar a construção.

O Cabeçalho reduzido é utilizado durante todo o processo de compra na loja virtual e sua inserção também pode ser realizada via códigos em HTML. Caso este campo fique em branco, será utilizado o cabeçalho padrão (simples/avançado).

ATENÇÃO: Após “Salvar alterações” e for sair da página deixe selecionada a aba do tipo de cabeçalho que deseja utilizar na loja.

Definir rodapé

Acesse a página inicial do seu painel de controle e selecione Layout >> Definir Rodapé.

Nesta área você poderá editar o rodapé da sua loja com códigos em HTML para a personalização do mesmo clicando em“Código fonte”.

Na aba “Reduzido” você pode definir uma versão reduzida do rodapé, que será exibido enquanto o processo de compra estiver sendo realizado.

Na aba “Mobile”, onde você poderá personalizar o rodapé que será utilizado apenas na plataforma mobile.

Não esqueça de clicar em “Salvar alterações” depois de efetuar alguma alteração.

Definir página principal

Através do HTML você pode definir o estilo da página principal da sua loja virtual.

Acesse seu painel administrativo, clique em Layout >> Definir página principal

 

Clicando em “Código Fonte” você pode inserir códigos em HTML para a personalização da página.

Após a edição, clique no botão “Salvar Alterações” para concluir o procedimento.