Fórum OpenCart Brasil

[Nyux]

Olá Pessoal, estou tentando colocar um js dentro de um <div> pra ele ficar como se vc uma box suspenso fixo na tela da loja (é um codigo com icone para chat de atendimento) eu testei varios codigos e nenhum surtiu efeito, por acaso alguem aqui usa? poderia me ensinar em quais paginas colocar?

o meu codigo se assemelha a este abaixo

Código: Selecionar todos

<table border="0" cellpadding="0" cellspacing="0" height="120" width="170">
	<tbody>
		<tr>
			<td class="occIcon-28483-64634">
				&nbsp;</td>
		</tr>
	</tbody>
</table>
<script type="text/javascript">
(function() {
var occ = document.createElement('script'); occ.type = 'text/javascript'; occ.async = true;
occ.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.chatonline.com/codeXXXXXXXXjs';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(occ, s);
})();
</script>

[Nyux]

Pessoal consegui colocar o box flutuante na minha pagina.

segue abaixo queiram testar na de vcs.


1o vc deve colocar o seguinte code no stylesheet do seu theme (catalog\view\theme\SEUTEMA\stylesheet\stylesheet.css):

Código: Selecionar todos

div.boxflutuante img
{
  position: fixed;
  top: 144px;
  left: -31px;
}

no code acima vc pode mudar a posicao que quiser, por exemplo, ao inves de top, pode ser bottom, e ao inves de alinha a esquerda pode alinha-lo a direita com right:


----
2o vc deve inserir o seu code em JS dentro de um <DIV></DIV>, no meu ficou assim(nesse path: catalog\view\theme\SEUTEMA\template\common\header.tpl);

Código: Selecionar todos

<div class="boxflutuante">
			<table  border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td class="occIcon-00000-00000">
				&nbsp;</td>
		</tr>
	</tbody>
</table>
<script type="text/javascript">
(function() {
var occ = document.createElement('script'); occ.type = 'text/javascript'; occ.async = true;
occ.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.onlinechatcenters.com/code-0000-00000.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(occ, s);
})();
</script>
</div>

no exemplo acima esta o conteudo meu dentro do DIV, ai vcs podem colocar o que quiser dentro do seu div

@Mano pode colocar como resolvido! vlw!