A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Layout. Layout Básico Para alterar o layout você deve ir na opção do menu Loja / Layout do administrador da sua loja. Para alterar o layout você deve.

Apresentações semelhantes


Apresentação em tema: "Layout. Layout Básico Para alterar o layout você deve ir na opção do menu Loja / Layout do administrador da sua loja. Para alterar o layout você deve."— Transcrição da apresentação:

1 Layout

2 Layout Básico Para alterar o layout você deve ir na opção do menu Loja / Layout do administrador da sua loja. Para alterar o layout você deve ir na opção do menu Loja / Layout do administrador da sua loja. As alterações poderão ser visualizadas diretamente em sua loja. As alterações poderão ser visualizadas diretamente em sua loja.

3 Explicação da Tela Imagens Principais Alterar cores das fontes e planos de fundos Opção para colocar html / Scripts / Banner

4 Imagens Principais Você pode usar uma imagem de logo e/ou uma imagem no topo. Você pode usar uma imagem de logo e/ou uma imagem no topo. Aconselhamos o uso de imagens leve de preferência.gif ou.jpeg. Pode-se ainda usar animações em flash. Aconselhamos o uso de imagens leve de preferência.gif ou.jpeg. Pode-se ainda usar animações em flash. Sempre utilize imagens com no máximo 70 pixels de altura. Caso ultrapasse, a imagem será redimensionada para a altura de 70 pixels e a largura proporcional a essa redução. Isso ocorre para que a imagem não fique muito pesada. Se desejar usar uma imagem com altura maior, esta deve ser transformada para flash. Sempre utilize imagens com no máximo 70 pixels de altura. Caso ultrapasse, a imagem será redimensionada para a altura de 70 pixels e a largura proporcional a essa redução. Isso ocorre para que a imagem não fique muito pesada. Se desejar usar uma imagem com altura maior, esta deve ser transformada para flash. Se não for usado imagem de topo, o título da loja assume essa posição. Você pode editar o título através do menu Loja / Dados. Se não for usado imagem de topo, o título da loja assume essa posição. Você pode editar o título através do menu Loja / Dados.

5 Cores da Loja Você pode alterar as cores de plano de fundo e das fontes, podendo assim deixar a sua loja a seu gosto. Você pode alterar as cores de plano de fundo e das fontes, podendo assim deixar a sua loja a seu gosto. Ex: de alterações possíveis: Ex: de alterações possíveis: 1 - Fundo da Pagina 1 - Fundo da Pagina 2 - Fonte 2 - Fonte Titulo Principal Titulo Principal 3 - Fundo 3 - Fundo 4 - Fonte 4 - Fonte Menu Horizontal Menu Horizontal 5 - Fundo 5 - Fundo 6 - Fonte 6 - Fonte Menu Vertical Menu Vertical 7 - Fonte 7 - Fonte Titulo da Página Titulo da Página 8 - Fonte 8 - Fonte Caixa de Texto Caixa de Texto 9 - Topo 9 - Topo 10 - Fonte do Topo 10 - Fonte do Topo 11 - Fundo 11 - Fundo 12- Fonte 12- Fonte 13- Borda 13- Borda

6 HTML / Script / Banner Com esses campos você pode criar Banner, utilizar Scripts ou HTMLs: Exemplos de Scripts: Com esses campos você pode criar Banner, utilizar Scripts ou HTMLs: Exemplos de Scripts: Contador de Visita Contador de Visita Atendimento On-line (msn e skype) Atendimento On-line (msn e skype) Usuários on-line Usuários on-line Troca de Banner de Publicidade Troca de Banner de Publicidade Banner de Produtos e Promoções Banner de Produtos e Promoções Links Patrocinados (ex: Google) Links Patrocinados (ex: Google) Entre outros Entre outros Nos próximos slides teremos um passo a passa de como inserir banner.

7 Criando um Banner Para colocar uma imagem ou banner adicional no site: É necessário que a imagem esteja na internet. Caso a imagem ainda não esteja, você deve enviar a imagem para nossos servidores através do menu Loja / Arquivos (FTP) / Novo Cadastro. Use a descri ç ão para identificar o arquivo: o ideal é que seja apenas uma palavra, se for mais não use espa ç os. Tamb é m não utilize caracteres especiais (acento, ç ). Ap ó s cadastrar, clique no botão Voltar ao Gerenciador

8 Você deve encontrar o arquivo que enviou e copiar o endere ç o completo (http://www.lojasv...) que está na 3ª coluna (conforme a figura).http://www.lojasv Criando um Banner (Continuação)

9 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: O caminho_completo_da_imagem é o endere ç o que você copiou na tela anterior. Exemplo: Criando um Banner (Continuação)

10 Exemplos de Scripts Você pode usar scripts em JavaScript na sua loja. Exemplos: relógio, quantidade de usuários on-line, contador de visita, atendimento on-line, entre outros. Todos esses scripts você encontra prontos na internet. Só é necessário encontrar um que combine com sua loja. Para colocar os script você deve entra na op ç ão do menu Loja / Layout do administrador de sua loja. Você deve optar por uma das cinco posi ç ões para colocar o código. Em cada campo de script podem ter inúmeros scripts, um abaixo do outro. Exemplos de Scripts: Atendimento por MSN e Skype Para utilizar é necess á rio alterar o que está em destaque, para seus dados. Só MSN Contador de Visita Podemos indicar o site: Eles oferecem diversos scripts de contadores, podendo alterar cores e estilos.

11 Layout Avançado Através dessa opção você pode alterar o "esqueleto" da loja, não se prendendo ao layout padronizado que disponibilizamos. Através dessa opção você pode alterar o "esqueleto" da loja, não se prendendo ao layout padronizado que disponibilizamos. Essa opção você encontra no menu Loja / Layout Avançado. Essa opção você encontra no menu Loja / Layout Avançado.

12 Layout Avançado (Tela) Instruções gerais. Link para editar a parte desejada. Pode ser Topo, Rodapé, Barra Lateral Esquerda ou Direita. Aqui você informa se deseja usar nossa opção padrão ou seu modelo personalizado. Você pode realizar todas as alterações desejadas, clicando em Pré-Visualizar para verificar como ficará sua loja. Após validação, selecionar a opção Usar Layout Personalizado. Ilustração e links.

13 Você pode editar qualquer uma das partes: - Topo - Barra Lateral Esquerda - Barra Lateral Direita - Rodapé Só é necessário clicar no link correspondente. Layout Avançado (Editando)

14 As palavras com colchetes ([palavra] ) serão substituídas pela programação correspondente. Ex: [menu_produto] será substituído pelo menu da sua loja (Departamento, Categoria e Produto), conforme imagem ao lado. Importante: O botão Restaurar Padrões serve para voltar as alterações para o padrão inicial. Após realizar alguma alteração, você deve clicar em Salvar Alterações, assim será possível visualizar com a opção Pré- Visualizar. Layout Avançado (Editando) Após clicar na opção 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 gráfica ou diretamente no código fonte; nesse caso é preciso clicar no botão Código Fonte. Tags que podem ser utilizadas.

15 Layout Avançado (Tags que podem ser utilizadas) TagDescrição [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] HTML / Script/ Banner Topo Logo da Loja Título ou Banner da Loja Menu das Paginas Internas Menu de Produtos Caixa de Novidades HTML / Script/ Banner Esquerda Caixa de Login Caixa de Informações Qtde de Itens no Carrinho de Compra Caixa de Oferta HTML / Script/ Banner Direita Rodape (endereço, telefone...) HTML / Script/ Banner Rodapé


Carregar ppt "Layout. Layout Básico Para alterar o layout você deve ir na opção do menu Loja / Layout do administrador da sua loja. Para alterar o layout você deve."

Apresentações semelhantes


Anúncios Google