Você está na página 1de 15

Layout

Layout Bsico

Para alterar o layout voc deve ir na opo do menu Loja / Layout do administrador da sua loja. As alteraes podero ser visualizadas diretamente em sua loja.

Explicao da Tela
Imagens Principais

Alterar cores das fontes e planos de fundos

Opo para colocar html / Scripts / Banner

Imagens Principais

Voc pode usar uma imagem de logo e/ou uma imagem no topo. Aconselhamos o uso de imagens leve de preferncia .gif ou .jpeg. Pode-se ainda usar animaes em flash. Sempre utilize imagens com no mximo 70 pixels de altura. Caso ultrapasse, a imagem ser redimensionada para a altura de 70 pixels e a largura proporcional a essa reduo. Isso ocorre para que a imagem no fique muito pesada. Se desejar usar uma imagem com altura maior, esta deve ser transformada para flash. Se no for usado imagem de topo, o ttulo da loja assume essa posio. Voc pode editar o ttulo atravs do menu Loja / Dados.

Cores da Loja

Voc pode alterar as cores de plano de fundo e das fontes, podendo assim deixar a sua loja a seu gosto. Ex: de alteraes possveis:

1 - Fundo da Pagina 2 - Fonte Titulo Principal 3 - Fundo 4 - Fonte Menu Horizontal 5 - Fundo 6 - Fonte Menu Vertical 7 - Fonte Titulo da Pgina 8 - Fonte Caixa de Texto 9 - Topo 10 - Fonte do Topo 11 - Fundo 12- Fonte

13- Borda

HTML / Script / Banner

Com esses campos voc pode criar Banner, utilizar Scripts ou HTMLs: Exemplos de Scripts: Contador de Visita Atendimento On-line (msn e skype) Usurios on-line Troca de Banner de Publicidade Banner de Produtos e Promoes Links Patrocinados (ex: Google) Entre outros Nos prximos slides teremos um passo a passa de como inserir banner.

Criando um Banner
Para colocar uma imagem ou banner adicional no site: necessrio que a imagem esteja na internet. Caso a imagem ainda no esteja, voc deve enviar a imagem para nossos servidores atravs do menu Loja / Arquivos (FTP) / Novo Cadastro.

Use a descrio para identificar o arquivo: o ideal que seja apenas uma palavra, se for mais no use espaos. Tambm no utilize caracteres especiais (acento, ).

Aps cadastrar, clique no boto Voltar ao Gerenciador

Criando um Banner (Continuao)


Voc deve encontrar o arquivo que enviou e copiar o endereo completo (http://www.lojasv...) que est na 3 coluna (conforme a figura).

Criando um Banner (Continuao)


No menu Loja / Layout existem 5 campos onde podem ser colocados scripts, banners e Htmls. Escolha um dos campos e coloque o html para exibir a imagem Exemplo: <img src="caminho_completo_da_imagem" /> O caminho_completo_da_imagem o endereo que voc copiou na tela anterior. Exemplo: <img src="http://www.lojasvirtuais-br.com.br/adm/arquivo/2_banner_atendimento.jpg" />

Exemplos de Scripts
Voc pode usar scripts em JavaScript na sua loja. Exemplos: relgio, quantidade de usurios on-line, contador de visita, atendimento on-line, entre outros. Todos esses scripts voc encontra prontos na internet. S necessrio encontrar um que combine com sua loja. Para colocar os script voc deve entra na opo do menu Loja / Layout do administrador de sua loja. Voc deve optar por uma das cinco posies para colocar o cdigo. Em cada campo de script podem ter inmeros scripts, um abaixo do outro. Exemplos de Scripts: Atendimento por MSN e Skype Para utilizar necessrio alterar o que est em destaque, para seus dados.
<map name="FPMap0"> <area target="_blank" href="skype:lojasvirtuais-br " shape="rect" coords="3, 234, 159, 266"> <area target="_blank" href="msnim:chat?contact=atendimento@msn.com.br" shape="rect" coords="3, 195, 158, 229"> <area shape="rect" coords="85,270,112,287" href="http://get.live.com/messenger/config" target="_blank" /> <area shape="rect" coords="119,273,152,286" href="http://www.skype.com/intl/pt/" target="_blank" /> </map> <img src="http://www.lojasvirtuais-br.com.br/adm/arquivo/2_banner_atendimento.jpg" usemap="#FPMap0" border="0"> S MSN <p align="center"><a href="msnim:add?contact=fulano@msn.com"><img border="0" src="http://www.lojasvirtuaisbr.com.br/adm/arquivo/1_MSN1.gif"></a></p>

Contador de Visita Podemos indicar o site: http://www.2w.com.br/contador-de-visitas-acessos-gratis.html Eles oferecem diversos scripts de contadores, podendo alterar cores e estilos.

Layout Avanado

Atravs dessa opo voc pode alterar o "esqueleto" da loja, no se prendendo ao layout padronizado que disponibilizamos. Essa opo voc encontra no menu Loja / Layout Avanado.

Layout Avanado (Tela)


Instrues gerais.
Link para editar a parte desejada. Pode
ser Topo, Rodap, Barra Lateral Esquerda ou Direita.

Aqui voc informa se deseja usar nossa opo padro ou seu modelo personalizado. Voc pode realizar todas as alteraes desejadas, clicando em Pr-Visualizar para verificar como ficar sua loja. Aps validao, selecionar a opo Usar Layout Personalizado.
Ilustrao e links.

Layout Avanado (Editando)


Voc pode editar qualquer uma das partes: - Topo - Barra Lateral Esquerda - Barra Lateral Direita - Rodap S necessrio clicar no link correspondente.

Tags que podem ser utilizadas.

Layout Avanado (Editando)


Aps clicar na opo que deseja editar, aparecer uma nova tela com o editar HTML. Nesse exemplo, clicamos no link para editar a Barra Lateral Esquerda. Voc pode editar usando a interface grfica ou diretamente no cdigo fonte; nesse caso preciso clicar no boto Cdigo Fonte.
As palavras com colchetes ([palavra] ) sero substitudas pela programao correspondente. Ex: [menu_produto] ser substitudo pelo menu da sua loja (Departamento, Categoria e Produto), conforme imagem ao lado. Importante: O boto Restaurar Padres serve para voltar as alteraes para o padro inicial. Aps realizar alguma alterao, voc deve clicar em Salvar Alteraes, assim ser possvel visualizar com a opo PrVisualizar.

Layout Avanado (Tags que podem ser utilizadas)


Tag
[html_script_topo] [logo] [titulo_ou_banner] [menu_pagina_internas] [menu_produto] [caixa_novidade] [html_banner_script_esquerda] [caixa_login] [caixa_informacoes] [qtde_de_itens_no_carrinho] [caixa_ofertas] [html_banner_script_direita] [rodape] [html_2_rodape]

Descrio
HTML / Script/ Banner Topo Logo da Loja Ttulo ou Banner da Loja Menu das Paginas Internas Menu de Produtos Caixa de Novidades HTML / Script/ Banner Esquerda Caixa de Login Caixa de Informaes Qtde de Itens no Carrinho de Compra Caixa de Oferta HTML / Script/ Banner Direita Rodape (endereo, telefone...) HTML / Script/ Banner Rodap