1. Aparência da Loja

Design da Loja

COMO INSTALAR UM NOVO TEMA NA LOJA

A instalação de um novo tema na loja é bem simples, e melhor de tudo é que você poderá instala-lo sem medo, pois o tema instalado não é publicado automaticamente, ou seja, o layout da sua loja não vai mudar automaticamente, você terá tempo para fazer as edições necessárias no novo tema instalado antes de publicá-lo, de fato, em sua loja virtual.

Veja abaixo como é bem simples:

  • Acesse Minha Loja >> Design da Loja >> Explorar Loja de Temas.
mceclip0.png
  • Na listagem que será aberta, basta localizar o tema desejado (grátis ou pago) e clicar no próprio nome do tema.
  • Em seguida, marque o checkbox do termo de aceite e clique em “Comprar/Instalar“.
mceclip1.png
  • Pronto, o tema será instalado automaticamente em sua loja virtual.
  • Mas como dissemos lá no início o tema não será publicado automaticamente na sua loja, e sim, apenas instalado.
  • Para publica-lo, será preciso que acesse a página de edição do tema, realize todas as edições necessárias e depois disto, clique em “Publicar“.

CONFIGURAR CORES DA LOJA – DESIGN DA LOJA

Nada melhor do que deixar o Design de sua loja com a cara da sua empresa, e isto é muito fácil, veremos aqui neste artigo como realizar tais edições.

O melhor de tudo, é que a plataforma Tray disponibiliza um editor de tema, isentando assim a necessidade de conhecimento em programação, ou seja, não precisa ser um especialista para fazer este procedimento.

Veja abaixo como é simples:

  • Acesse Minha Loja >> Design da Loja >> Editar Tema.
  • Após ter clicado em Editar Tema você será direcionado a uma tela conforme imagem abaixo:
  • Veja, que há algumas abas (Geral, Menu, Cabeçalho, Vitrine Rodapé) ao clicar em uma delas, será aberta uma pequena extensão, mostrando as cores configuradas com a possibilidade de edição, no exemplo da imagem acima, clicamos na aba “Geral“.
  • Ao clicar sobre o “quadradinho” da cor, será aberta a paleta de cores, possibilitando assim que você escolha a cor desejada para item.

Gostaríamos de ressaltar que as abas apresentadas para edição, variam de tema para tema.

  • Após configurar todas as cores desejadas para seu Layout, basta descer a página até o final e clicar em “Salvar“.
  • Lembrando que há um período de cache de cerca de 30 minutos, ou seja, a alteração feira dentro da opção “Design da Loja” poderá levar até 30 minutos para ser refletida na loja virtual, recomendamos que realize a limpeza do cache de seu navegador antes de realizar o acesso para ver o resultado.

EDITAR IMAGENS PADRÃO

Está querendo alterar os botões de sua loja virtual? Quer incluir os selos que cadastrou no produto? Então está no artigo certo!

Vamos lá:

  • Acesse Minha Loja >> Design da Loja >> Editar Imagens Padrão.
mceclip0.png
  • Será apresentada a seguinte lista:
mceclip1.png
  • Note, que ao lado esquerdo é apresentado o nome da imagem/botão, no centro é uma breve descrição de qual botão/imagem é aquela e por fim, ao lado direito você poderá no quadro para inserir uma imagem.
  • Veja uma pequena listagem do que você encontra nesta lista:
    • Selos Lançamento/Destaque/Adicional.
    • Botão Comprar.
    • Favicon.
    • Logotipo.
    • Botão de calcular frete.
  • Existem muitas, muitas opções mesmo, lembrando que tais botões/imagens contemplam os botões apresentados na loja virtual, ou seja, você poderá personalizar ainda mais sua loja através destes botões.

Recomendamos que acesse esta página e veja tudo que poderá mudar, para deixar a loja ainda mais com a cara do seu negócio.0


PERSONALIZAÇÃO DO CHECKOUT

  • Acesse  EasyCheckout 2.0 >> Personalização de Layout.
  • Neste local você encontrará todas as cores passíveis de edição, e ao lado direito em “Pré-visualização” é possível ver quais cores estão sendo alteradas e como está “ficando” tais páginas.
mceclip0.png

Muito fácil, não achou? Pois é, apenas tais edições são necessárias para refletir para as três páginas mencionadas no início do artigo.


FAVICON – COMO INCLUIR EM SUA LOJA

Configure a logo ou uma imagem na aba do navegador quando cliente acessa a loja virtual; Lembrando que a Favicon é um pequeno ícone que representa a logomarca de sua empresa ele é importante para que as pessoas identifiquem sua loja dentre a lista de janelas abertas no navegador.

Favicon.png

Por se tratar de uma imagem que aparecerá em vários navegadores sugerimos que crie a extensão com fundo transparente 

Para editá-lo siga os seguintes passos:

No menu do painel administrativo da loja acesse:

  • Minha loja >> Design da loja >> Editar Imagens Padrões.
  • Na nova página, localize o campo “Favicon” e edite ele clicando no botão ao final da linha.
  • Na página aberta, selecione o arquivo desejado, atentando-se às regras, o arquivo deve ser do tipo .ico e de preferência com 16×16 pixels. Após inserir a imagem, salve.

Ao término deste procedimento, abra novamente a página e visualize a alteração na aba da página.

Observação: Pode acontecer da imagem não aparecer imediatamente ao inclui-la em seu painel administrativo devido ao cache da loja ou do seu navegador, faça a limpeza de cache ou acesse de uma janela anônima.

Se precisar converter o tamanho e a extensão de suas imagens utilize os links abaixo:

Comments to: Design da Loja