Forums / General Questions / Facebook like button on main page

Facebook like button on main page

Locked

Started by qwerty6532 on 18 Nov 2010, 10:36 PM · Views: 4,401

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
18 Nov 2010, 10:36 PM
#1
qwerty6532 avatar

qwerty6532

New Zenner

Join Date:
Nov 2010
Posts:
5
Plugin Contributions:
0

Facebook like button on main page

I've looked online and all I could find was creating a Facebook like button on the products page, I was wondering how to create a Facebook like button on the main page.

Any help would be appreciated, thank you.

18 Nov 2010, 10:41 PM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Facebook like button on main page

That really depends a LOT on where you want it.......Header, footer, sidebox, smack dab in the middle of the page :smile:..........?

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

18 Nov 2010, 10:53 PM
#3
qwerty6532 avatar

qwerty6532

New Zenner

Join Date:
Nov 2010
Posts:
5
Plugin Contributions:
0

Re: Facebook like button on main page

I would like it on the left of the page always. top if possible. Any help would be Great! I am using the classic template setup.

19 Nov 2010, 12:43 AM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Facebook like button on main page

Somewhere like right about here?

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 Nov 2010, 12:57 AM
#5
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Facebook like button on main page

Or somewhere like about here?

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 Nov 2010, 1:05 AM
#6
qwerty6532 avatar

qwerty6532

New Zenner

Join Date:
Nov 2010
Posts:
5
Plugin Contributions:
0

Re: Facebook like button on main page

The first one you posted :).

19 Nov 2010, 1:48 AM
#7
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Facebook like button on main page

Do you already have your image uploaded to your images folder ?

Okay, find and open includes/templates/classic/common/tpl_main_page.php

if you've never edited this file, the you should find it in the same place in templat_default.

In that file, find this line:

<!-- eof breadcrumb -->
```and directly beneath it add something like this:

<div id="facebook"><a href="http://www.facebook.com/profile.php?id=100001272037048" target="_blank"><img src="images/fb_button.jpg" alt="" /> </a></div> ``` Of course, you'll have to use your own FaceBook ID and image name, but that should get you off to a good start.

Sorry so long about the post........got a little tied up.

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 Nov 2010, 2:58 AM
#8
qwerty6532 avatar

qwerty6532

New Zenner

Join Date:
Nov 2010
Posts:
5
Plugin Contributions:
0

Re: Facebook like button on main page

Hey, thanks dude :). No problem at all abut the time, you were nice enough to answer at all :).

I used the Facebook tool at facebook.com/share to come up with this code. it puts a like button and tells how many people have liked it already and likes it for you on facebook and if youre not signed in, it pops up with a sign in pop up. My main problem was knowing where to put this code and i put in the same place as you told me to put the other code and it worked great :) Here's my site http://epcommunications.net/ check it out if you want

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FEP-Communications%2F124300277629737%23&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
19 Nov 2010, 3:10 AM
#9
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Facebook like button on main page

Looks good. Glad I could help.

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 Nov 2010, 3:44 AM
#10
gilby avatar

gilby

Totally Zenned

Join Date:
Aug 2005
Location:
Vic, Oz
Posts:
1,816
Plugin Contributions:
0

Re: Facebook like button on main page

qwerty6532:

Hey, thanks dude :). No problem at all abut the time, you were nice enough to answer at all :).

I used the Facebook tool at facebook.com/share to come up with this code. it puts a like button and tells how many people have liked it already and likes it for you on facebook and if youre not signed in, it pops up with a sign in pop up. My main problem was knowing where to put this code and i put in the same place as you told me to put the other code and it worked great :) Here's my site http://epcommunications.net/ check it out if you want

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FEP-Communications%2F124300277629737%23&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

The way you have set this up is to "like" your facebook page not your website page.

As you don't appear to have a link to your facebook page
Is this what you intended?

Normally you would "like" the website page so the website link is pasted onto those peoples facebook wall

Anyone clicking their link would take them to your website.
Now it takes them to your facebook page