Página 1 de 1

Botão de atendimento online!

Enviado: 10 Set 2013, 07:24
por ivan130
Bom dia pessoal do OCB!

Preciso muito da ajuda de voçês...

Gostaria de saber como faço para adicionar o botão de atendimento online no canto inferior, ao
lado direito, de uma forma que apareça em todas as páginas da loja, e que se movimente junto com
a barra que rola a página para cima e para baixo?

O programa de atendimento online que irei usar é o Mibew, já instalei ele e tenho o código HTML que gera
o botão de atendimento online, só não sei como faço para que ele apareça dessa forma que citei acima.


...

Re: Botão de atendimento online!

Enviado: 11 Set 2013, 20:36
por denisgomes
Tente englobar o código HTML do botão com <div style="position:fixed;right:0;bottom:0;"> antes do código e </div> depois do código. Insira tudo isso no HEADER.TPL ou no FOOTER.TPL e nos diga se funcionou ;)

Re: Botão de atendimento online!

Enviado: 11 Set 2013, 21:31
por Renato Frota
no header.tpl é mais indicado

Re: Botão de atendimento online!

Enviado: 11 Set 2013, 21:32
por ivan130
Muito obrigado amigo, funcionou perfeitamente!

Não entendo de HTML, tinha procurado bastante aqui no blog mas não tinha achado nada.
Espero que possa ajudar outras pessoas. Vlw!

Re: Botão de atendimento online!

Enviado: 11 Set 2013, 21:37
por ivan130
Renato Frota,

Primeiramente eu coloquei no header.tpl, mas o botão ficou passando por baixo das imagens dos produtos,

então coloquei no footer.tpl e aparentemente ficou tudo certo...

Re: Botão de atendimento online!

Enviado: 11 Set 2013, 22:26
por denisgomes
ivan130, depois do bottom:0 tente acrescentar z-index:9999;

Re: Botão de atendimento online!

Enviado: 12 Set 2013, 08:43
por ivan130
Mais uma vez muito obrigado denisgomes e Renato Frota!

Adicionei z-index:9999; como você falou e retirei o código do footer.tpl e coloquei no header.tpl como o amigo Renato indicou.