Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

#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:
Código: Selecionar todos
<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>
NÃO ESQUEÇA DE INSERIR O ENDEREÇO DA SUA PÁGINA NO FACEBOOK NO LOCAL INDICADO NO CÓDIGO

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.
#13677
Muito bom. Vou testar hoje mesmo!

Testado e muito interessante! porém estou com este erro no frame que abre.
"Could not retrieve id for the specified page. Please verify correct href was passed in."

Eu coloquei minha url lá mas não funcionou. ficou assim a linha do iframe no fim das contas...

<iframe src="http://www.facebook.com/plugins/likebox ... height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>

Já coloquei outras vezes o curir em alguns locais, e assim que substituia o "seulink" no href do iframe ficava funcional. Porém por algum motivo este não deu certo.

Eu também coloquei um "segundo" iframe antes do script pra ver como ficava e apareceu o curtir normalmente mas sem as proporções desejadas. e logo em seguida quando carregava a proxima linha seguia o mesmo erro desta linha. aparecendo o curtir e claro o "Could not retrieve id for the specified page. Please verify correct href was passed in."

queria ver como ficou nas proporções especificadas no codigo. Alguem implementou?

PS. ficou muito bom o site knecas com o curtir o tweet e o google + dentro dos produtos. Essa mudança esta dentro de cada item de produto ou você conseguiu colocar de maneira a carregar na hora de listar um produto.
Grato.
#13680
Você precisa usar uma página que contenha o seu ID e não o 'apelido' do perfil/fanpage.

Veja se consegue assim

https://graph.facebook.com/seu-usuario-ou-fan-page

Mais informações: http://www.dicasonlinegratis.com/2011/11/como-descobrir-id-de-um-perfil-ou.html
#13761
Eu não imaginava que o usuario, apelido, id fossem coisas diferentes. Muito interessante essa informação.

Mas continuo com o mesmo erro.
Código: Selecionar todos
<?php echo $header; ?><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=http://facebook.com/100002840834603&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>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
Se alguém tiver opiniões diferentes eu agradeço. Vlw.
#13765
ocp3 escreveu:Eu não imaginava que o usuario, apelido, id fossem coisas diferentes. Muito interessante essa informação.

Mas continuo com o mesmo erro.
Código: Selecionar todos
<?php echo $header; ?><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=http://facebook.com/100002840834603&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>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
Se alguém tiver opiniões diferentes eu agradeço. Vlw.
Agora que vi, esse script em particular não funciona com perfis. Somente com páginas.

ocp3, você possui um PERFIL e não uma página no facebook. Isso, inclusive, é proibido segundo as regras do Facebook (empresas não tem 'amigos', não tem 'sexo' masculino/feminino, não tem preferências ou gostos).

Crie uma página se quiser usar o módulo (e para se enquadrar nas regras do Facebook, que é o mais importante).
#13769
Ok, valeu pela dica. Esses detalhes vão me pegando no meio do caminho... Mas chegaremos lá! Vou procurar adequar tudo na medida do possivel. Quem administra a rede social é minha esposa, e parece que ela tem uma pagina também. Como eu so fazia esse tipo de coisa em blog, então o/seunick sempre me serviu e nunca parei pra pensar que perfil era também diferente de página. Vou prosseguir nos testes. Vou postando os resultados durante o percurso.




ATUALIZADO.

Testado e aprovado. Ficou muito bom o efeito final. O problema era este mesmo desde o começo. Eu tinha um perfil e não uma página como url. Grato pela ajuda.
#13805
Surgiu um contratempo...

quando eu colo o código, funcionando diga-se de passagem, os banners rotarivos desaparecem... Eu não programo, mas me viro bem pra seguir direções. Dei uma lida nas linhas do home.tpl e acho que de alguma maneira o style css entrou em conflito ou sobrescreve com o principal.

Info: Estou usando o tema defaut, sem modificações majoritárias. Apenas traduzido para o português, usando pagseguro e um bg personalizado.

Devo atualizar algum dado nas linhas do style ou retirar alguma parte?
Grato.

home.tpl ficou assim:
Código: Selecionar todos
<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
<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=http://www.facebook.com/pages/AG-Importados/270344672991733&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>
Dependendo de onde eu cole o codigo "estraga" um banner diferente. Se colar no inicio como sugerido, os Manufacturers param de funcionar. Se colar no final como aqui, some o rotativo principal. se retirar o código, fica zen, tudo funcionando.
#13807
Respondendo ao ocp3: os botões em cada produto já vieram configurados com o tema, que se chama "simple".
Com relação ao código postado, estou com o mesmo problema, quando o insiro na página inicial, o módulo do slideshow fica desconfigurado.
Se alguém puder ajudar...

Gente preciso de ajuda urgente. Na migraç&a[…]

Caro @reds , muito obrigado pela resposta.

PHP 8+ incompatibilidade

Toda tradução para a versão 3[…]

Ola @alex3257 Se você precisa apenas ver […]