Layout do Site

De Suporte
(Diferença entre revisões)
Ir para: navegação, pesquisa
(Criou página com '{| |- | colspan=2; style="border:0px solid; vertical-align:top;" | {| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;" | [[Imagem:Vo...')
 
Linha 17: Linha 17:
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| 1. clique no menu em '''Configurações da Loja''' e na opção '''Layout'''.
+
| 1. Clique no menu em '''Configurações da Loja''' e na opção '''Layout'''.
 
|}
 
|}
 
|-
 
|-

Edição das 17h20min de 15 de maio de 2014

Volt.png
Para configurar o layout de sua loja, siga o procedimento:
Ecom005.png
1. Clique no menu em Configurações da Loja e na opção Layout.


Ecom007.png



Ecom006.png

2. Será exibida a tela de configuração do LAYOUT DO SITE.

Nota: Para configurar as cores de sua Loja (campos que iniciam com #) use o assistente de cores que será exibido ao clicar em cada um desses campos.

Após definir a cor de sua preferência, copie o código da Nova Cor gerada (no campo # na parte inferior do assistente de cores) e cole no campo onde deseja a cor escolhida.
Em nosso exemplo o código da nova cor é f01a57







Opções de Configuração do Layout de Sua Loja:
PÁGINA

  • Cor de Fundo da página: Cor de fundo de sua página
  • Cor da Fonte Geral do Site: Cor do texto do site
  • Fonte Geral do Site: Tipo de Fonte do texto de sua loja (Ex.: Arial, Verdana, etc)

CABEÇALHO

  • Cor do Plano de Fundo: Cor do fundo do cabeçalho.
  • Altura do Cabeçalho: Altura medida em pixels (px) do topo até o menu principal.
  • Plano de Fundo do Cabeçalho: Poderá ser uma Imagem ou uma Cor.
  • Imagem do Plano de Fundo: Como a Imagem ou Flash do logotipo pode ser menor que a configuração de tamanho de tela do computador do usuário você pode utilizar uma imagem (JPG) para completar seu layout.

LOGOTIPO

  • Tipo de arquivo do Logotipo: O cabeçalho (onde vai o logotipo) pode ter dois tipos de arquivo. Imagem (JPG) ou Flash. Você deve escolher uma dessas opções.
  • Imagem: Se escolhido Imagem escolher o arquivo do cabeçalho (JPG).
  • Flash (SWF): Se escolhido Flash escolher o arquivo do cabeçalho (SWF).
  • Alinhamento no Cabeçalho: Pode alinhar a imagem para a esquerda, direita ou centralizado.

PREÇO

  • Cor da Fonte dos Preços: Os preços podem ter uma cor diferenciada da Fonte Geral do site.

CORES DE TEMA DO SITE

  • Cor dos Ícones dos Botões: poderá ser Preto ou Branco (para contrastar com a cor de fundo dos botões).
  • Cor de Fundo dos Botões: é a cor de fundo do menu principal.
  • Cor da Fonte dos Botões: é a cor da fonte do menu principal.
  • Cor de Fundo dos Botões (MouseOver): é a cor do menu principal quando passa-se o mouse em cima.
  • Cor da Fonte dos Botões (MouseOver): é a cor da fonte do menu principal quando passa-se o mouse em cima.
  • Cor de Fundo abaixo dos Botões: é a cor da barra horizontal abaixo do menu principal, onde está localizado o campo de pesquisa.
  • Cor da Fonte ao lado dos Botões: é a cor da fonte do título das caixas laterais, Ex.: Meu Carrinho, Novidades, etc

MENU ESQUERDO

  • Cor de Fundo do Menu: é a cor de fundo do menu esquerdo (das categorias de produtos).
  • Cor da Fonte do Menu: é a cor da fonte do menu esquerdo
  • Cor de Fundo do Menu (MouseOver): é a cor do fundo do menu esquerdo quando passa-se o mouse em cima.
  • Cor da Fonte do Menu (MouseOver): é a cor da fonte do menu esquerdo quando passa-se o mouse em cima.

Caso tenha realizado alguma alteração que queira manter clique no botão Gravar.

Volt.png
Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Ferramentas