- 07 Jan 2012, 20:34
#13590
Tentei instalar o módulo Like Box do Facebook porém meu template não é apropriado para ele.
Procurei uma alternativa na internet e encontrei um código bem interessante que pode ser implementado no Opencart.
Este código insere um box expansível do Facebook com efeito Jquery.
Insira este código nas páginas em que você quer que ele apareça:
Por exemplo:
Para inserir na página inicial, adicione este código em /catalog/view/theme/SEU TEMA/template/common/home.tpl logo após <?php echo $header; ?>
Acessem http://www.knecas.com.br e confiram!
Espero ter ajudado.
Procurei uma alternativa na internet e encontrei um código bem interessante que pode ser implementado no Opencart.
Este código insere um box expansível do Facebook com efeito Jquery.
Insira este código nas páginas em que você quer que ele apareça:
Código: Selecionar todos
NÃO ESQUEÇA DE INSERIR O ENDEREÇO DA SUA PÁGINA NO FACEBOOK NO LOCAL INDICADO NO CÓDIGO<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".box-curtir-flutuante").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.box-curtir-flutuante{background: url("http://1.bp.blogspot.com/-H4GFaL9JwxI/TsHg5EthziI/AAAAAAAAAMM/pyy4kRQ6aRk/s1600/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.box-curtir-flutuante div{border:none;position:relative;display:block;}
.box-curtir-flutuante span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.box-curtir-flutuante span a{color: #808080;text-decoration:none;}
.box-curtir-flutuante span a:hover{text-decoration:underline;}
</style><div class="box-curtir-flutuante" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL DA SUA PÁGINA NO FACEBOOK&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>
Por exemplo:
Para inserir na página inicial, adicione este código em /catalog/view/theme/SEU TEMA/template/common/home.tpl logo após <?php echo $header; ?>
Acessem http://www.knecas.com.br e confiram!
Espero ter ajudado.