Forums / Addon Templates / Adding Facebook Like Button

Adding Facebook Like Button

Started by sewingzfun on 12 Apr 2011, 6:26 PM · Views: 11,092

Results 1 to 20 of 31
12 Apr 2011, 6:26 PM
#1
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Adding Facebook Like Button

I am using Cherry Zen v1.3.9h

I am searching on how to add a Facebook like button to products and see many different responses - and it is confusing to me. What is the best way to do this?

Thank you,
Lynn
MachineEmbroideryAndMore.com/zencart

12 Apr 2011, 8:41 PM
#2
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Adding Facebook Like Button

I am using Cherry Zen v1.3.9h

I am searching on how to add a Facebook like button to products and see many different responses - and it is confusing to me. What is the best way to do this?

Thank you,
Lynn

I wrote a tutorial about this:

How to Add a Facebook Like Button to Your Zen Cart Product Pages

Thanks,

Anne

14 Apr 2011, 1:11 AM
#3
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

Thank you, Anne.
I am having lots of trouble getting this to work. Is it compatible with Cherry Zen? When I put the code in, I end up with a blank Products page. Any tips on what I might be doing wrong? I'm really a novice, so if you could give me more specific instructions, I would really appreciate it (not that the instructions are bad; I'm just not getting it for some reason).

14 Apr 2011, 1:21 AM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Adding Facebook Like Button

Exactly where are you adding the code? Paste the section of the file as you have it with a few lines before and after for context.

14 Apr 2011, 1:54 AM
#5
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

Yes! That worked. I don't think I was leaving lines. Thank you so much for the quick and very helpful instructions.

Lynn

14 Apr 2011, 2:53 AM
#7
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

One more question. Is there a way to remove ":Zen Cart!, The Art of E-commerce" from showing up on Facebook when someone likes a product?

14 Apr 2011, 12:36 PM
#8
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Adding Facebook Like Button

One more question. Is there a way to remove ":Zen Cart!, The Art of E-commerce" from showing up on Facebook when someone likes a product?

This may be happening because you have not yet customized the site title. I have written a tutorial about how to do this here:

How Do I Change My Browser Bar It Says “Zen Cart!, The Art of …”

Thanks,

Anne

14 Apr 2011, 6:28 PM
#9
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

Perfect! You are awesome. Can I ask one more question? How do I put a facebook link on my side bar that is a general link to my website? I love the product links, but would like the other one, too.

14 Apr 2011, 8:09 PM
#10
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Adding Facebook Like Button

Perfect! You are awesome. Can I ask one more question? How do I put a facebook link on my side bar that is a general link to my website? I love the product links, but would like the other one, too.

Follow this tutorial:

How to Add a Facebook Like Box to Zen Cart

Thanks,

Anne

16 Apr 2011, 4:32 PM
#11
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

Two questions:

Is there a way to remove the link that says "Facebook social plug in"?

I would also like to know if there is a way to only have the facebook icon show up that people click on to go to my facebook page (the blue f that is so familar to everyone). I think I like the way it shows the stream, but I'm trying to decide if it is too busy to display.

Thanks for all your help.
Lynn

16 Apr 2011, 11:51 PM
#12
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Adding Facebook Like Button

Two questions:

Is there a way to remove the link that says "Facebook social plug in"?

I would also like to know if there is a way to only have the facebook icon show up that people click on to go to my facebook page (the blue f that is so familar to everyone). I think I like the way it shows the stream, but I'm trying to decide if it is too busy to display.

Thanks for all your help.
Lynn

If you only want the icon to show, just put that image in the box and link it to your facebook page ;-)

Thanks,

Anne

17 Apr 2011, 4:17 AM
#13
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

That's the link you sent me to before and I followed it. I was looking for instructions on getting just the facebook icon - maybe, I am missing something???

17 Apr 2011, 4:47 AM
#14
reefland avatar

reefland

New Zenner

Join Date:
Feb 2009
Posts:
10
Plugin Contributions:
0

Re: Adding Facebook Like Button

Just wanted to add a thanks! Nice and quick way to add a LIKE button.

17 Apr 2011, 4:33 PM
#15
sewingzfun avatar

sewingzfun

New Zenner

Join Date:
Mar 2011
Location:
California
Posts:
90
Plugin Contributions:
0

Re: Adding Facebook Like Button

Oh, for goodness sakes! Is that all I do? Just add the picture and put a link?? :shocking: I think I can figure out how to do that.

Thought I would ask again - Is there a way to remove the link that says "Facebook social plug in"? I tried, but it erased everything.

I really can't thank you enough for your patience in helping me. I am such a dunce at this.

17 Apr 2011, 10:11 PM
#16
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Adding Facebook Like Button

Oh, for goodness sakes! Is that all I do? Just add the picture and put a link?? I think I can figure out how to do that.

Thought I would ask again - Is there a way to remove the link that says "Facebook social plug in"? I tried, but it erased everything.

I really can't thank you enough for your patience in helping me. I am such a dunce at this.

I am not 100% sure, but since facebook is generating the code, I don't think that there is a way to remove their credit.

Thanks,

Anne

24 Apr 2011, 8:02 PM
#17
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Adding Facebook Like Button

I just wanted to post a small update. Glen (gjh42) pointed out a small correction in the code and now the like button will post the product image as well as the url to facebook. You can see the updated tutorial here:

Easy Help Zen Cart Tutorial: How to Add a Facebook Like Button to Your Product Pages

Thanks so much Glen!

Thanks,

Anne

27 May 2011, 4:21 PM
#18
dazana avatar

dazana

New Zenner

Join Date:
Apr 2009
Posts:
45
Plugin Contributions:
0

Re: Adding Facebook Like Button

Is it possible to disable image for Like button?

For some reason code pulls other product image, not correct one. What part of the code need to be adjusted?

28 May 2011, 10:14 AM
#19
kdays avatar

kdays

Zen Follower

Join Date:
May 2008
Posts:
239
Plugin Contributions:
0

Re: Adding Facebook Like Button

Hi there

I've also written a tutorial for adding the Facebook Like Button to your Zen Cart store, this one uses the XFBML option for additional features.

It also includes code that includes the correct product image when used on a product page and the store's logo image when used on a non-product page.

Add the Facebook Like Button to your Zen Cart store

Hope this helps,
Kerrin

7 Jun 2011, 8:31 PM
#20
avansant avatar

avansant

Zen Follower

Join Date:
Aug 2004
Posts:
122
Plugin Contributions:
0

Re: Adding Facebook Like Button

I used this, and while it works, after it is clicked it says "Error" in red. If you hover over that, it says "You failed to provide a valid list of administators. You need to supply the administors using either a "fb:app_id" meta tag, or using a "fb:admins" meta tag to specify a comma-delimited list of Facebook users."

I actually had this same problem trying to install the other fb like button solution that uses XFBML. For that one I even took the time to "register" my app and add that code to the meta tags.

How did you get around this problem?

Thank you for any help - this is driving me nuts!