Botão Curtir na loja em Magento

Que o Facebook é rede social mais usada no Brasil na atualidade, todos nós já sabemos, e com isso, é comum (pelo menos no meu caso) pegar jobs de lojas em Magento com a opção para a pessoa curtir a loja, ou então curtir o produto, existem alguns módulos Magento para isso, mas pelo menos eu, procuro usar o menor número de módulos prontos, por isso resolvi escrever esse tutorial: Botão curtir – Como colocar na loja em Magento sem plugin.

Se você usar o código fornecido pelo Facebook para inserir o botão curtir, não vai funcionar direito, pois lá a URL que você define é estática e no caso da loja em Magento, a URL muda conforme o nome do produto ou página que você esteja, para isso vamos mostrar como colocar o botão curtir no Magento usando dois tipos de códigos, sendo eles XFMBL e o IFRAME.

Colocar botão curtir na loja em Magento

No exemplo, vamos colocar o botão curtir na loja em Magento, na página de produto, abaixo do nome do produto, para isso vamos adicionar um dos códigos abaixo (conforme o layout que você escolher) no arquivo view.phtml que fica na pasta /app/design/frontend/base/default/template/catalog/product/ lembrando que você deve escolher apenas um dos tipos de códigos (XFMBL ou IFRAME>

Versão Standard (Padrão)

XFMBL

<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

IFRAME

<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?>
<iframe style="border: none; overflow: hidden; width: 450px; height: 80px;" src="http://www.facebook.com/plugins/like.php?href=<?php echo $currentUrl ?>&layout=standard&show_faces=true&width=450&action=like&font&colorscheme=light&height=80" height="240" width="320" frameborder="0" scrolling="no"></iframe></p>

Versão com contador na horizontal

XFMBL

<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?><script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

IFRAME

<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?>
<iframe style="border: none; overflow: hidden; width: 450px; height: 21px;" src="http://www.facebook.com/plugins/like.php?href=<?php echo $currentUrl ?>&layout=button_count&show_faces=true&width=450&action=like&font&colorscheme=light&height=21" height="240" width="320" frameborder="0" scrolling="no"></iframe>

Versão com contador na vertical

XFMBL

<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

IFRAME

<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?>
<iframe style="border: none; overflow: hidden; width: 450px; height: 65px;" src="http://www.facebook.com/plugins/like.php?href=<?php echo $currentUrl ?>&layout=box_count&show_faces=true&width=450&action=like&font&colorscheme=light&height=65" height="240" width="320" frameborder="0" scrolling="no"></iframe>

Para que as imagens e nomes de produtos sejam adicionados corretamente, você também vai precisar inserir o seguinte código no head da sua loja Magento.

PHP

<?php // CHAMANDO IMAGENS E NOMES DE PRODUTOS NO BOTÃO CURTIR ?>
 <?php if (Mage::registry('current_product')) : ?>
<meta property="og:image" content="<?php echo Mage::helper('catalog/image')->init(Mage::registry('current_product'), 'small_image')->resize(100,100);?>" />
<meta property="og:title" content="<?php echo Mage::registry('current_product')->getName();?>" />
<?php endif;?>

Pronto, agora além de inserir o botão curtir (Like) na loja em Magento, as miniaturas e nomes de produtos serão exibidos corretamente.

São basicamente duas alterações que foram feitas no código original que pegamos no Facebook, como já foi dito, o código que vem do Facebook é para páginas estáticas, e você precisa de um código com links relativos, pois cada produto, tem uma URL diferente, pra você entender, adicionamos as seguintes linhas.

<!-- CARREGANDO A URL ATUAL NO MAGENTO -->
<?php $currentUrl = $this->helper('core/url')->getCurrentUrl(); ?>

E também definimos o comando pra exibir a URL atual

<?php echo $currentUrl ?>

Espero ter ajudado.

2017-01-24T20:24:07+00:00

RECEBA DICAS VALIOSAS NO SEU EMAIL

x