[MODULE] Facebook Like - Add a Facebook Like button to the product page or any other location

[tomerg3 617]

You can watch this video

it shows how to extract the module locally and upload to the server

[amigaabeja 0]

Thanks you!

[lmhwee 0]

thank you.

[lmhwee 0]

I get this error in red when I press Like button

The page at itt http://www.panamahub.net/www.panamahub.net/eco-tours/51-coiba-national-park-tour-on-motorboat.html could not be reached.

and as you can see I get duplicated URL. They came up with this error at this thread: Facebook like error but I found no solution for this. Help anyone please.

facebook already solve the problem

[lmhwee 0]

facebook already solve the problem

[meytalm 1]

Hi,

I installed this module (FB Like), but when I click on like and go to my facebook profile, it shows me the like url only.
I don't see the title of my product nor the picture.
How can I see these?
site: www.luna-design.com


thanks,
Meytal

[Rafiki 6]

Hi,
How I can disable the Add Coment box in the "Like Button"?

[tomerg3 617]

I am not sure, I think it's automatic.

[Daniel - PrestaBR 317]

Hi Friends

I'm just learning this Facebook API and I have some questions:

- XFBML method is not appearing (
- Changing to <iframe> it works, but it wont send anything (a 503 error pops).

Has anyone had this issue?

Thanks

DGV

[tomerg3 617]

Is the site open, or in maintanence mode?

[Daniel - PrestaBR 317]

Actually in maintenance... why?

does it change how the module works?

[tomerg3 617]

Yes, as FB cannot access your site...

[Daniel - PrestaBR 317]

Thanks, tomerg3!

Damn.. I didn't realize that...

So the "Send" function works on iframe or only with XFBML method ?

DGV

[tomerg3 617]

I am not sure, I haven't tried the iframe method in a long time.

[Daniel - PrestaBR 317]

Thanks for the nice job on the modules and the community support.

I'm already your fan!

DGV

EDIT:
Next version, please don't forget to add pt-BR on language list:

elseif ($lang == 'br')
      $lang = 'pt_BR';

Thanx!

[beekhouse 1]

Awesome module! Great work!

Im encountering one small bug, when I use the send button it nicely adds the picture and info of a product but it shows the box half so the ok button is not visible to send the message.
In other words the bottom half of the send box is not visible.

Is it a known bug?

[tomerg3 617]

Yes, as far as I can tell, I have not done any research about it.

[Guest danielias]

I got an href error, what can be the problem?

I am using version 1.3 of PS.

[tomerg3 617]

I don't know, but it's not related to the facebook module....

[robwill 1]

hi,

I have some troubles to make the button appear with {$HOOK_FACEBOOK_LIKE}.

I already use {$HOOK_EXTRA_LEFT} for other stuff, and I want the button strictely appear on his own hook.

It is possible? If yes, how? (I guess a change on facebooklike.php file, but not sure...)

many thx

[tomerg3 617]

Did you follow the instructions in the configuration page?
Which version of PS do you use?

[robwill 1]

I guess so... The only thing I did different is to include following line directly into the original fronController.php file of PS

self::$smarty->assign('HOOK_FACEBOOK_LIKE',Module::hookExec('facebookLike'));

To be clear, the button is currently appearing in 2 hooks included in product.tpl: {$HOOK_EXTRA_LEFT} and {$HOOK_FACEBOOK_LIKE}, and i want it to appear on {$HOOK_FACEBOOK_LIKE} only

Make sense? Iam working on PS 1.4.2.5

Thx for help

[tomerg3 617]

Then remove it from the extra left hook (Modules->Positions, you may need to tick the checkbox for non-positional hooks)

[robwill 1]

Yeah, it works!

As you say, I had to tick the checkbox for non-positional hooks to display the connection with the extra left hook...

Many thx for help!!

[tomerg3 617]

V1.3 released, it includes
* Google Analytics log of events (Like, Unlike, Send)
* Better formatting.

[ngalfas 5]

hi, i have a problem. the module works ok except no thumbnail is showing on facebook share.
i am looking in to this a while. i had v1.2, i just installed v1.3 but no luck. i have the latest prestashop 1.4.3

what is more intresting, is that even if i copy the product page url in my facebook page with copy/paste, the same happens. it retrieves all the page data but i see no thumbnail.

then i found the facebook URL Linter ! great tool.
http://developers.facebook.com/tools/lint

it analyzes the url and shows all the data. there, i see that the images taken from my page are all wrong. i have url rewrite and canonical url open, of course. if i close canonical, nothing changes. i try of course with cache off and even template recompile.

this is a sample page from the live eshop
http://www.zachospharmacy.gr/adinatisma/698--10-.html

any thoughts ?

[ebuildy 4]

Facebook plugins are compatible with Open Graph, OG is like new "standard" to describe your web site using meta tags.

So you have to put the right meta tags in your product page in order to have the good pictures

[ngalfas 5]

i also installed fbopengraph module. it was one of the first things to do. but the images does not show. in fact, prestashop gives the wrong! image url

thats the main problem...

[outlet.ee 9]

In IE it throws an error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; AskTB5.4)
Timestamp: Tue, 12 Jul 2011 03:26:29 UTC


Message: The URI to be decoded is not a valid encoding
Line: 5
Char: 370
Code: 0
URI: http://connect.facebook.net/en_US/all.js#xfbml=1

I added xmlns:fb="http://www.facebook.com/2008/fbml" to the header but still the same. I am wondering how anybody else doesn't have this error, nothing on the forum about it.


EDIT: the problem seems to be gone after clearing browser cache.

[ENCRECOM 5]

Hi

Very nice module

I like to have an extra likes on my cms pages. I have added "{$HOOK_FACEBOOK_LIKE}" on cms.tpl but it don't show. What to do ? Where exactly should I add it (I use original cms.tpl from 1.4.2.5)

Regards

[Blaker 0]

Have a problem here, when i click on the Like button, and it goes back to the default appearance; it doesn't "stick". Someone told me this is an issue Facebook is having... Any idea when this is going to be solved?

[tomerg3 617]

ENCRECOM: make sure yo copy the override file, and check that the module is in the new hook, also don't forget to clear the smarty cache.

Blaker: Try to get the latest version, and refresh the smarty cache.

[ngalfas 5]

no ideas about my problem ? (no product image shown)

http://developers.facebook.com/tools/lint/?url=http://www.zachospharmacy.gr/-anatomikes-pantofles/596-turkey.html

[tomerg3 617]

your og image tag leads to a 404 image

<meta property="og:image" content="http://www.zachospharmacy.gr/img/p/596-937.jpg" />

I'm not sure why, but that is most likely the reason

[ngalfas 5]

it's surely the reason. but why does the php of presta gives a 404 image ? that's the problem.
in the same product page, if someone tryies to notify a friend by email, the correct image thumbail shows up. but the facebook module gives a wrong image

[tomerg3 617]

I don't know, but it's not related to the facebook module, try creating a new thread for it.

[ENCRECOM 5]

ENCRECOM: make sure yo copy the override file, and check that the module is in the new hook, also don’t forget to clear the smarty cache.

Override file OK
New hook OK
Cache empty ans still nothing apear.

Here is my cms.tpl

Here is the page of cms:

http://www.massage-boutique.fr/massage-californien-aux-huiles-bio.php

______

{if isset($cms) && $cms->id != $cgv_id}
{include file="$tpl_dir./breadcrumb.tpl"}
{/if}
{if isset($cms) && !isset($category)}
{if !$cms->active}

{l s='This CMS page is not visible to your customers.'}
<input type="hidden" id="admin-action-cms-id" value="{$cms->id}" />
<input type="submit" value="{l s='Publish'}" class="exclusive">
<input type="submit" value="{l s='Back'}" class="exclusive">

{/if}

{$cms->content}

{elseif isset($category)}

{$category->name|escape:'htmlall':'UTF-8'}

{if isset($sub_category) & !empty($sub_category)}

{l s='List of sub categories in '}{$category->name}{l s=':'}

• 
  {foreach from=$sub_category item=subcategory}
  
• 
  getCMSCategoryLink($subcategory.id_cms_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}
  
  
  {/foreach}
  

{/if}
{if isset($cms_pages) & !empty($cms_pages)}

{l s='List of pages in '}{$category->name}{l s=':'}

• 
  {foreach from=$cms_pages item=cmspages}
  
• 
  {$HOOK_FACEBOOK_LIKE}
  
  getCMSLink($cmspages.id_cms, $cmspages.link_rewrite)|escape:'htmlall':'UTF-8'}">{$cmspages.meta_title|escape:'htmlall':'UTF-8'}
  
  
  {/foreach}
  

{/if}

{else}
{l s='This page does not exist.'}
{/if}

[tomerg3 617]

This doesn't look like the built in CMS page.
Can you try to place {$HOOK_FACEBOOK_LIKE} in one of the main tpl files to see if it work (IE header.tpl)

[Stakeout CCTV Ireland 0]

Anytime someone likes a product on my page, the like disappears a second or two later, any help?

[tomerg3 617]

Get the latest version from the site (uploaded yesterday), and clear your smarty cache (Turn on force recompile in Preferences->Performance)

[Stakeout CCTV Ireland 0]

I have v1.3.1, and have forced recompile, still getting the same problem. Google +1 button works fine.

[Stakeout CCTV Ireland 0]

Ok, its working now & i didnt change anything since, must have been a facebook issue. Thanks.

[tomerg3 617]

Seems fine to me, if you try on the same product you'll get the same result because of FB's cache.

[ENCRECOM 5]

hI

Thank's it's working fine now

Regards

[ngalfas 5]

i compare how the image displays correctly on module sendtoafriend
getImageLink($product->link_rewrite, $cover.id_image, 'small')}" alt="" title="{$cover.legend}" />

and this is how the image displays on your module

$fb_cover = ‘http://’.$_SERVER[‘HTTP_HOST’].PS_BASE_URI.‘img/p/’.Tools::getValue(‘id_product’).’-’.$cover[‘id_image’].’.jpg’;

why do you use img/p ?

in my shop images are SEO related and displays like
http://www.zachospharmacy.gr/1132-home/sublime-energy-.jpg

can you give me the correct fb_cover statement with getImageLink ?

ps. the first piece of code does not display ok in the forum

[jesusruiz 99]

Hello and thanks for reading this message.

 

I have a question to ask the creator of this module. The module works perfectly, but in Internet Explorer 6 there is a bug in the CSS.

 

The logo of Facebook, overlaps with the button text "Like". Add an image to understand me better:

 

In Firebug, I see that some CSS properties, but nevertheless, I not find CSS file where you can make these changes.

 

I know Internet Explorer 6 is deprecated and is not advisable to use, but if you know how to solve this problem would be great.

 

Thank you very much

[Nabeel Aejaz 0]

· Error

 

I am also getting an error after pressing like. I am using PS 1.4.4 I have read all the posts in this thread. How do I solve this issue. Is this something to do with Facebook or am i doing something wrong. It is not liking the products. I press like ... then after a second it shows error. Please help. THank you.

 

Solved: Fixed got it by getting an facebook app id THanks.

Edited August 6, 2011 by Nabeel Aejaz (see edit history)

[tomerg3 617]

V1.3.2 released

* Fix for new image folder structure (PS 1.4.3)

* Added translations in es, de and pl.

[quriass 2]

Goto Modules->Positions-> check the "Display non-positionnable hook" box and look for "Extra actions on the product page (left column)"

 

What am i doing wrong?

I'm using the (standard) prestashop theme, but i can't figure out how to postion the facebook like button somewhere else.

Now it is between - print - and - inform a friend - and i don't like it. Or above of down under, but not in between.

I've try some changes in the product.tpl but nothing seemed to help.

Using Prestashop 1.4.4

[tomerg3 617]

You quoted the way to change the position, did you try to follow it?

[LockerAgencia 6]

Oks there is the problem i see when i try to click on Send Button, if you don't have enoght space in information, i mean the div is too short. the Send button just cut when the divs end. Is there any way to have z-index on send button??

[tomerg3 617]

No, the content is controlled by Facebook, you can try to change the container around is to position:absolute

[jesusruiz 99]

Sorry tomerg3.

 

I published a post few days ago, asking you, if can change the distance between the Facebook button and the text?

 

As I commented in Internet Explorer 6, overlap.

 

is controlled this by Facebook, too?.

 

THANKS

[tomerg3 617]

Yes it is, the module makes a call to facebook and displays when they return, it has no control of the content.

[sabio 7]

Hi tomerg3, big thanks for the module!

 

Now, Im using three languages on my site. Swedish/Danish and Norwegian, the button is visible when choosing Swedish and Danish but not Norwegian. I've used the "module translation page", in back end for changing "like" to the proper translation. Any idea why the button disappears when choosing Norwegian?

 

Thanks!

[tomerg3 617]

Edit facebookline.php and change

$lang = 'no_NO';

To

$lang = 'nn_NO';

[sabio 7]

Edit facebookline.php and change

$lang = 'no_NO';

To

$lang = 'nn_NO';

 

Thanks, now the button is visable but the text is wrong so trying to translate it from "Lik dette" to "Liker", the formet being the correct one. Tried to translate it under "Tools - module translations" but doesn't seem to do the trick. Some other help?

[tomerg3 617]

There is no way to translate this text as it is controlled by facebook, and not the module.

[sabio 7]

Okay, thanks!

[lokiiy 54]

i compare how the image displays correctly on module sendtoafriend<br/><img >getImageLink($product->link_rewrite, $cover.id_image, 'small')}" alt="" title="{$cover.legend}" /><br/><br/>and this is how the image displays on your module<br/><br/>$fb_cover = ‘http://’.$_SERVER[‘HTTP_HOST’].PS_BASE_URI.‘img/p/’.Tools::getValue(‘id_product’).’-’.$cover[‘id_image’].’.jpg’;<br/><br/>why do you use img/p ?<br/><br/>in my shop images are SEO related and displays like<br/>http://www.zachospharmacy.gr/1132-home/sublime-energy-.jpg<br/><br/>can you give me the correct fb_cover statement with getImageLink ?<br/><br/>ps. the first piece of code does not display ok in the forum

 

Hello,

With FacebookLike module. After clicking like.

No image is displayed on facebook for me too.

Did you find the solution?

My link is displayed well. My description too. But no image .

 

Thank you in advance

[tomerg3 617]

Are you using the latest version of this module?

 

When you view source of a product page, what do you have in the line that starts with

<meta property="og:image" 

[quriass 2]

You quoted the way to change the position, did you try to follow it?

 

Just back from vacation, so a little late:

Yep, i've followed these instructions but it doesn't help...

[tomerg3 617]

What didn't work?

Were you able to check the box (non-positional)?

Did you reorder the modules for the hook?

[outlet.ee 9]

jdmorrisn,

 

I am in Estonia as well and it works for me. Make sure that in facebooklike.php, there is a line about at line 245:

 

		elseif ($lang == 'et')
		$lang = 'et_EE';

 

If there isn't, then add it there. I don't remember exactly what I did in there but I am pretty sure it was editing this line.

[lokiiy 54]

Are you using the latest version of this module?

 

When you view source of a product page, what do you have in the line that starts with

<meta property="og:image" 

 

 

For the module. I have version: v1.3.2 ... That's the good?

And if after <meta property = "og: image".

There are:

 

</script><script src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script>

<meta property="og:image" content="http://www.teramer.eu/complements-alimentaires/223-thickbox/guaramac.jpg" />

<link rel="image_src" href="http://www.teramer.eu/complements-alimentaires/223-thickbox/guaramac.jpg" />

 

My website address if necessary : www.teramer.eu

 

Thanks

[tomerg3 617]

V1.3.3 released

Fix for product image when using friendly URLs (from V 1.3.2)

Fix for Norwegian.

Added automatic module update notification.

[lokiiy 54]

HoOOo yeahh cool ^^

 

Thanks

 

Lokiiy

[tomerg3 617]

No problem, you may still get ? for images that are cached in Facebook, those should clear after a while.

[lokiiy 54]

Just a question.

You say: Copy /modules/facebooklike/override/classes/FrontController.php to /override/classes/ (If the file already exists, you will have to merge both files).

 

So FrontController.php exists but in this way _FrontController.php ...

You it must rename your file? Or leave it to the original?

 

I just want to have then on a good display of pictures in facebook

Thank you for your response

[tomerg3 617]

This is ONLY needed if you use the custom hook.

 

_FrontController.php is not the same as FrontController.php, it doesn't matter if they are different by 1 character or by 10.

 

If you try to copy /modules/facebooklike/overrider/classes/FrontController.php to /override/classes/ there will be no conflict or warning that the file already exists...

[lokiiy 54]

Thank you for your reply.

I just wanted to have an opinion.

I tested the new module.

Images are visible on facebook

 

A big thank you

I like Presto-Changeo.com

 

Lokiiy

[bedum 2]

Thank you so much for this module. It works perfectly in V1.4.4

But i have 1 issue only in IE browser 7 or IE 8 as the image attached. My company blocked Facebook. Thus it gives this error when there is no access to facebook.

It works fine when i use IE at places where facebook is permitted.

 

How do i get rid of that error pop up or shown as Yellow icon at the left bottom corner at IE browser?

 

This is my link. Open this using IE 7 or IE 8

[tomerg3 617]

I did not get the error when I visited your site.

 

In the image you linked, the error is coming from a JS file on the facebook end, the module itself does not have as Javascript in it at all.

[bedum 2]

The error will only occur when you view the site in the company which facebook is blocked by proxy. There is no error prompt when i uninstall this module. It starts to trigger error box when i enable the facebook and run in only stupid IE

[sokpet 0]

Hello,

 

is your module suitable to be used on product list page for each and every indivudual product?

 

I know about commercial module "Facebook like in product list", but I would like to know if I can do same with your module.

 

thanks

[tomerg3 617]

I don't know if the you mean a like button next to each product or one like button for the entire category page.

 

The first is not possible (without major changes), the second would be possible using the custom hook that comes with the module

[Cerise 6]

Hello,

 

Thx for your modules !

 

It's possible to help me please ? I need to merge override/Frontcontroller.php for Facebook Like and Google+1 modules and it does work even looking at the original file to see the syntax on FrontController.php

 

Sorry for my stupid question, I try but even with tutorials on the internet, I can not !

 

This

<?php
class FrontController extends FrontControllerCore
{

public function preProcess()
{
 self::$smarty->assign(
 'HOOK_FACEBOOK_LIKE',Module::hookExec('facebookLike'));
 parent::preProcess();
}
}
?>

 

And this

 

<?php
class FrontController extends FrontControllerCore
{

public function preProcess()
{
 self::$smarty->assign('HOOK_GOOGLE_PLUS_ONE',Module::hookExec('googlePlusOne'));
 parent::preProcess();
}
}
?>

 

In one file

 

Thx you !

[tomerg3 617]

<?php
class FrontController extends FrontControllerCore
{

public function preProcess()
{
 self::$smarty->assign('HOOK_GOOGLE_PLUS_ONE',Module::hookExec('googlePlusOne'));
 self::$smarty->assign('HOOK_FACEBOOK_LIKE',Module::hookExec('facebookLike'));
 parent::preProcess();
}
}
?>

[Cerise 6]

Thx you very much Tomer ! Have a nice day & happy new year

[xEpyonx 5]

Hi,

 

So I've managed to get this hooked in the product footer with the custom hook, but how do I get it to align to the right?

 

This is how it looks on my site now: http://test.ronsslaapparadijs.nl/nl/music-ipods/2-ipod-shuffle.html

 

That google plus thingy could hook and align itself all through BO settings, it would be great if your facebook like module could implement something like it in the future maybe?

 

I also need to figure out how to get that twitter button there too :\

[unik 1]

Hello,

 

I have a different issue that nobody post. I installed the module without problems but if I want to share my product page it takes url, title, description and image of any product of my homepage. The same result that if I cut the url of a product page and paste in text field in Facebook. I don't know why it happens and i'm sure that the issue is not of the module but maybe someone know what I must do to solve this problem.

 

Thanks.

This is a sample, you can see my url and what appears in "send box" (it's the same on FB)

 

[tomerg3 617]

it's impossible to tell what could be wrong from the photo, I checked the site, but the module is not active

[unik 1]

Hi Tomerg3,

 

Well, I solved partially this issue. Adding at header.tpl

 

xmlns:fb="https://www.facebook.com/2008/fbml"

xmlns:og="http://opengraphprotocol.org/schema/"

 

And adding in the same file:

 

<meta property="og:title" content="{$meta_title|escape:'htmlall':'UTF-8'}"/>

<meta property="og:type" content="product"/>

<meta property="og:url" content="http://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}"/>

 

It share fine if the product doesn't have attributes but if the product has attributes you can't share it fine because there's no image, and title.

 

product without attributes (run fine) http://www.mirman.es/tablets/238-packard-bell-liberty-tab-g100-16gb.html

product with attributes (Not share fine) http://www.mirman.es/minipc-htpc/95-asus-s1-at5nm10e-atom-d525.html

 

Now your module is active if you want to check it again.

 

Thank you.

[unik 1]

Solved.

Adding lines from the last post every product shares perfectly, also products with or without attributes.

 

Thanks Tom for your interest.

[zaglebie 6]

how to adjust position of module, center it or put it to right side of website etc ?

[Brandje 1]

works great, one question tho, how can i put it above the "send to a friend" link?

 

nvm figured it out....I do however also have the problem that the wrong product images keeps getting posted....

[rygesyresyhtrhg 0]

Hola,

 

He instalado el modulo pero no me funciona correctamente. Cuando le doy a "Me gusta" solo se crea el enlace de la pagina.. quiero decir, que no se sale ninguna imagen, nombre de la pagina, producto.. etc, unicamente el link de la pagina. Y por ejemplo si le doy a enviar me sale el siguiente error

The page at http:// could not be reached because the server returned status code 503.

[Emmanuel Paris 4]

Hi,

 

The module works but won't display any product image.

And it displays an Error alert after liking.

Can't understand what's wrong because the meta og:image is like it should be.

 

Please Tomerg or someone could help me ?

 

Module 1.3.3, PS 1.4.6.2, Friendly url's

[verinlee 0]

Great to see this, I can add it to my site now, thanks for share.

Can someone share the pin it button too? It is quite hot recently

[nmaria 0]

Hi,

 

I installed the module and works all fine except one thing ... like the image in post #182 where appears the text "Ofrecemos minipc, ordenadores..." in my site appears the list of manufacturers !!! How to remove that ???

[ohoho 3]

Hi,

 

I've installed this module 1 year ago and it was working perfectly.

 

Today, the facebook buton just disapear, how is it possible, the module is installed.

 

Thanks