Banner Rotativo
De Melhor Loja Web
(→Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer?) |
|||
| Linha 1: | Linha 1: | ||
| + | = Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer? = | ||
| + | |||
| + | O primeiro passo é inserir este código abaixo em sua loja. Veja como fazer: | ||
| + | |||
| + | '''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo: | ||
| + | |||
| + | <nowiki><head> | ||
| + | <link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css' rel='stylesheet'> | ||
| + | </head> | ||
| + | <div class='slideshow-container'> | ||
| + | <div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br' style='width:100%'></a></div> | ||
| + | <div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br' style='width:100%'></a></div> | ||
| + | <div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br' style='width:100%'></a></div> | ||
| + | <a class='prev' onclick='RemoverSlide()'>❮</a> | ||
| + | <a class='next' onclick='AdicionarSlide()'>❯</a> | ||
| + | </div> | ||
| + | <br /><br /> | ||
| + | <div style='text-align:center'> | ||
| + | <span class='dot' onclick='currentSlide(1)'></span> | ||
| + | <span class='dot' onclick='currentSlide(2)'></span> | ||
| + | <span class='dot' onclick='currentSlide(3)'></span> | ||
| + | </div> | ||
| + | <script type='text/javascript' src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script></nowiki> | ||
| + | |||
| + | |||
| + | ---- | ||
| + | |||
| + | Feito isto, siga os passos abaixo: | ||
| + | |||
| + | 1- Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout". | ||
| + | |||
| + | [[Arquivo:Bannerr1.jpg]] | ||
| + | |||
| + | 2- Na página inicial, escolha para editar "Default.html" é página inicial padrão. Ao abrir o editor já estará nela: | ||
| + | |||
| + | [[Arquivo:Conteudo banner.PNG]] | ||
| + | |||
| + | 3- Insira o código entre '''%%Panel.Header%%''' e div id="Wrapper" | ||
| + | |||
| + | [[Arquivo:Banner_teste_novo2.jpg]] | ||
| + | |||
| + | 4- Clique no botão "Salvar" para finalizar. | ||
| + | |||
| + | [[Arquivo:Salvarfim.PNG]] | ||
| + | |||
| + | |||
| + | |||
Saiba como criar e editar o banner rotativo de sua loja virtual! | Saiba como criar e editar o banner rotativo de sua loja virtual! | ||
Edição de 15h36min de 26 de janeiro de 2018
Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer?
O primeiro passo é inserir este código abaixo em sua loja. Veja como fazer:
1- Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:
<head> <link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css' rel='stylesheet'> </head> <div class='slideshow-container'> <div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br' style='width:100%'></a></div> <div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br' style='width:100%'></a></div> <div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br' style='width:100%'></a></div> <a class='prev' onclick='RemoverSlide()'>❮</a> <a class='next' onclick='AdicionarSlide()'>❯</a> </div> <br /><br /> <div style='text-align:center'> <span class='dot' onclick='currentSlide(1)'></span> <span class='dot' onclick='currentSlide(2)'></span> <span class='dot' onclick='currentSlide(3)'></span> </div> <script type='text/javascript' src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script>
Feito isto, siga os passos abaixo:
1- Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout".
2- Na página inicial, escolha para editar "Default.html" é página inicial padrão. Ao abrir o editor já estará nela:
3- Insira o código entre %%Panel.Header%% e div id="Wrapper"
4- Clique no botão "Salvar" para finalizar.
Saiba como criar e editar o banner rotativo de sua loja virtual!
Como alterar uma imagem no Banner Rotativo?
Para alterar uma imagem em seu banner rotativa, siga os passos:
1- Acesse Conteúdo do site e clique em "Gerenciar Imagens":
2- Selecione o arquivo sprite e clique em deletar imagem:
3- Ainda em Gerenciar Imagens, clique em "Enviar Imagens" e selecione a imagem, em seu computador, que gostaria de inserir. Ao final clique em enviar.
Observação: Para ser exibido corretamente, a imagem deve ser salva com o nome de sprite.png. Recomendamos também a resolução de algo em torno de 194x55 px
Você pode ter um banner rotativo profissional em sua loja virtual e com isso, divulgar seus produtos, sua marca e aumentar suas vendas! Entre em contato conosco!
