Post by genegrin » Wed Aug 01, 2012 12:40 am

How do i integrate a facebook like botton to Version 1.4.9.3?
Please help.
Thanks.

Active Member

Posts

Joined
Wed Jun 08, 2011 3:00 am

Post by genegrin » Thu Aug 02, 2012 5:36 pm

Nobody knows?

Active Member

Posts

Joined
Wed Jun 08, 2011 3:00 am

Post by mcamca » Thu Aug 02, 2012 7:20 pm

First of all you need to get the code you need from facebook here:
http://developers.facebook.com/docs/ref ... gins/like/
Then you need to decide where on your site you want it eg. footer, header, left column, right column or content.
The code you obtained above can be placed in the relevant .tpl files depending on how you want the "Like" applied!

Active Member

Posts

Joined
Fri Aug 06, 2010 5:57 pm

Post by genegrin » Fri Aug 03, 2012 1:22 am

I'd like to put it on content or right column below LATEST. Please advise me in which of folders the tpl files are. I'm not a webmaster.
Many thank for your help.
mcamca wrote:First of all you need to get the code you need from facebook here:
http://developers.facebook.com/docs/ref ... gins/like/
Then you need to decide where on your site you want it eg. footer, header, left column, right column or content.
The code you obtained above can be placed in the relevant .tpl files depending on how you want the "Like" applied!

Active Member

Posts

Joined
Wed Jun 08, 2011 3:00 am

Post by mcamca » Fri Aug 03, 2012 6:33 am

To put under latest in the right column in:
catalog/view/theme/yourtheme/template/module/latest.tpl
Replace:

Code: Select all

<div class="bottom">&nbsp;</div>
with:

Code: Select all

<div style="float:left;">YOUR CODE FOR FACEBOOK LIKE GOES HERE</div>
<div class="bottom">&nbsp;</div>

Rather than adding to content it may be better to add to footer.tpl above last </div> in:
catalog/view/theme/yourtheme/template/common/footer.tpl
put:

Code: Select all

<div style="float:left;">YOUR CODE FOR FACEBOOK LIKE GOES HERE</div>
or still add to footer.tpl in same position but use code:

Code: Select all

<div style="position: fixed; right: 0; bottom: 0;z-index:500">YOUR CODE FOR FACEBOOK LIKE GOES HERE</div>
This will place it in the bottom right corner of the screen and remain there even when scrolling.
Additional css may be needed to achieve the correct style for the facebook div for all above options!
PS: It is also possible to make the facebook language change if your site uses more than one language!
If you need this just ask!

Active Member

Posts

Joined
Fri Aug 06, 2010 5:57 pm

Post by genegrin » Mon Aug 06, 2012 4:47 am

Thank you for your help. Please what of 'Your Like Button plugin code' i have to take? Where have i to put a javascript? Or how to do it without the javascript?
Thanks again.

Active Member

Posts

Joined
Wed Jun 08, 2011 3:00 am

Post by genegrin » Tue Aug 07, 2012 2:43 am

OK, I've set up Like Botton on the store, but there's not enough space for this stuff. I now see Send Botton would be better. Please how do I set up Send Botton?

Active Member

Posts

Joined
Wed Jun 08, 2011 3:00 am
Who is online

Users browsing this forum: Bing [Bot] and 36 guests