|
|
||||
|
||||
|
Buscar:
|
FAQ: |
 |
 |
|
Como alterar as imagens da vitrine de uma Loja Virtual?
A vitrine é composta por 4 imagens com as dimensões de 930 x 200 pixels. Para alterar as imagens, sugerimos que você veja nosso video-tutorial e depois, siga os passos abaixo: - Acesse a administração de sua loja; - Passe o mouse sobre o menu "Construtor de Páginas" e clique no sub-item "Blocos Estáticos"; - Clique no bloco de nome "Vitrine"; - No campo conteúdo, clique no ícone "Inserir/Editar Figura" ( o ícone possui um fundo amarelo, com uma montanha e um sol); - Após, clique em "Localizar no Servidor"; - Clique no ícone de uma pasta, referente a pasta "banners"; - Na parte inferior da tela, clique no botão "Arquivo"; - Localize em seu computador a imagem que deseja subir para uso na vitrine e dê um clique duplo na mesma; - Clique no botão "Upload"; - Repita os dois passos anteriores para as 4 imagens que deseja usar na vitrine; - Após, clique no botão "Cancelar"; - Você voltará para a janela "Formatar Figura", clique em "Cancelar"; - Você estará de volta na janela " Editar Bloco 'Vitrine' ", no campo "Conteúdo", clique na opção "Código Fonte", que está na barra de ferramentas; - Localize no código da página o endereçamento das imagens utilizadas no bloco vitrine, que são por padrão: /media/banners/slider1.jpg /media/banners/slider2.jpg /media/banners/slider3.jpg /media/banners/slider4.jpg - Altere, nestes endereçamentos, o nome das imagens para o nome das suas imagens, as quais você realizou o upload anteriormente (ex.: " /media/banners/minha_imagem1.jpg ", " /media/banners/minha_imagem2.jpg ", " /media/banners/minha_imagem3.jpg " e " /media/banners/minha_imagem4.jpg "); - Após, clique em "Gravar Bloco". Abaixo segue um exemplo do script: segue exemplo do script: <div id="slider"> <div class="slidercontrolwr"> <div class="slidercontrol"><a href="#" class="aprev" title="Anterior" onclick="my_glider.previous();return false;">Previous</a> <a href="#" class="astop" title="Parar" onclick="my_glider.stop();return false">Stop</a> <a href="#" class="aplay" title="Reproduzir" onclick="my_glider.start();return false">Start</a> <a href="#" class="anext" title="Próximo" onclick="my_glider.next();return false">next</a></div> </div> <div class="scroller"> <div class="content"> <div class="section" id="section1"><a href="#" title=""><img src="/media/banners/slider1.jpg" alt="" /></a></div> <div class="section" id="section2"><a href="#" title=""><img src="/media/banners/slider2.jpg" alt="" /></a></div> <div class="section" id="section3"><a href="#" title=""><img src="/media/banners/slider3.jpg" alt="" /></a></div> <div class="section" id="section2"><a href="#" title=""><img src="/media/banners/slider4.jpg" alt="" /></a></div> </div> </div> </div> <script src="{{skin url=""}}js/glider.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> var my_glider = new Glider('slider', {duration:0.5, autoGlide: false, frequency: 4, initialSection: 'section1'}); </script> Pronto, agora basta verificar o resultado em sua loja! |
|
