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

May 8, 2011

You can watch this video

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

May 9, 2011

Thanks you!

May 28, 2011

thank you.

May 28, 2011

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

May 28, 2011

facebook already solve the problem

May 28, 2011

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

May 31, 2011

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

May 31, 2011

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

June 13, 2011

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

June 14, 2011

Is the site open, or in maintanence mode?

June 14, 2011

Actually in maintenance... why?

does it change how the module works?

June 14, 2011

Yes, as FB cannot access your site...

June 14, 2011

Thanks, tomerg3!

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

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

DGV

June 14, 2011

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

June 14, 2011

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!

June 18, 2011

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?

June 18, 2011

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

June 29, 2011

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

I am using version 1.3 of PS.

June 29, 2011

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

July 5, 2011

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

July 7, 2011

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

July 7, 2011

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

July 7, 2011

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

July 7, 2011

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!!

July 9, 2011

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

July 10, 2011

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 ?

July 10, 2011

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

July 10, 2011

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...

July 12, 2011

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.

July 12, 2011

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

July 12, 2011

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?

July 12, 2011

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.

July 12, 2011

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

July 12, 2011

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

July 12, 2011

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

July 12, 2011

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

July 12, 2011

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}

July 12, 2011

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)

July 12, 2011

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

July 12, 2011

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

July 12, 2011

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

July 12, 2011

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

July 12, 2011

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

July 13, 2011

hI

Thank's it's working fine now

Regards

July 13, 2011

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

August 3, 2011

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

August 6, 2011

· 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)

August 8, 2011

V1.3.2 released

* Fix for new image folder structure (PS 1.4.3)

* Added translations in es, de and pl.

August 14, 2011

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

August 14, 2011

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

August 16, 2011

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??

August 16, 2011

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

August 18, 2011

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

August 18, 2011

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

August 28, 2011

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!

August 29, 2011

Edit facebookline.php and change

$lang = 'no_NO';

To

$lang = 'nn_NO';

August 29, 2011

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?

August 29, 2011

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

August 30, 2011

Okay, thanks!

August 31, 2011

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

August 31, 2011

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"

September 1, 2011

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...

September 1, 2011

What didn't work?

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

Did you reorder the modules for the hook?

September 1, 2011

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.

September 2, 2011

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>

My website address if necessary : www.teramer.eu

Thanks

September 6, 2011

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.

September 6, 2011

HoOOo yeahh cool ^^

Thanks

Lokiiy

September 6, 2011

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

September 7, 2011

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

September 7, 2011

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...

September 7, 2011

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

September 14, 2011

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

September 14, 2011

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.

September 15, 2011

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

December 20, 2011

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

December 20, 2011

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

December 26, 2011

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 !

December 27, 2011


<?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();
}
}
?>

January 2, 2012

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

January 13, 2012

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 :\

January 21, 2012

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)

January 21, 2012

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

January 22, 2012

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:

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.

January 22, 2012

Solved.

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

Thanks Tom for your interest.

February 3, 2012

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

February 10, 2012

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....

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

Recommended Posts

tomerg3 620

Share this post

Link to post

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Posted Images

amigaabeja 0

Share this post

Link to post

Share on other sites

lmhwee 0

Share this post

Link to post

Share on other sites

lmhwee 0

Share this post

Link to post

Share on other sites

lmhwee 0

Share this post

Link to post

Share on other sites

meytalm 1

Share this post

Link to post

Share on other sites

Rafiki 6

Share this post

Link to post

Share on other sites

tomerg3 620

Share this post

Link to post

Share on other sites

Daniel - PrestaBR 317

Share this post

Link to post

Share on other sites

tomerg3 620

Share this post

Link to post

Share on other sites

Daniel - PrestaBR 317

Share this post

Link to post

Share on other sites

tomerg3 620

Share this post

Link to post

Share on other sites

Daniel - PrestaBR 317

Share this post

Link to post

Share on other sites

tomerg3 620

Share this post

Link to post

Share on other sites

Daniel - PrestaBR 317

Share this post

Link to post

Share on other sites

beekhouse 1

Share this post

Link to post

Share on other sites

tomerg3 620

Share this post

Link to post

Share on other sites

Guest danielias

Share this post

Link to post

Share on other sites