Facebook Like Button

I'm not seeing problems with IE 8 display at all. I see the error message but it looks like they are all coming from the facebook script not zencart.

Using IE tester, neither IE6 or 9 will load - the pages crash - but as I don't have either version, I'm not sure what actually might happen.

There's no question that the Facebook team has a long way to go to make this usable, folks.

So I've already uploaded the contribution but posting the warning here:

UNDERSTAND THAT FACEBOOK's SCRIPT HAS PROBLEMS with potentially noticeable affects on your website.

I wrote this mod for a customer of mine, but I would not put it in on my personal cart. For a busy cart this can provide some excellent advertising but the fewer likes you get, the less this is worth having.

ahhh nevermind it is working fine now, i guess i accidentally uploaded one of the old files thinking it was the new. so yeah it works now and the JS error from FB is gone.

sweet, good job thanks a lot, if this even only brings a single order it then it was well worth it.

now maybe time to integrate that stupid twitter.

Oh, good. The warning still remains tho.

How do you want twitter integrated? Done 2 sideboxes, haven't package the second yet for upload.

ive seen some websites before that have a smaller twitter thing that is just like your facebook thing, would be cool if you can just put them next to each other.

Mod is now available in the contributions sections
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=1774

jeremy0203:

ive seen some websites before that have a smaller twitter thing that is just like your facebook thing, would be cool if you can just put them next to each other.
I really don't want to get off topic here so I've emailed you instead on this.

Here is another implementation option: addthis.com/features/facebook-like-button

Can you please explain where the data being collected by this code is visible?

FB.Event.subscribe('edge.create', function(href, widget) {

What would be the best way to conditionally invoke a conditional meta tag for this two lines?

Because this mod only applies to product page, it's displaying the above two tags on all other pages with the code as published because there's no really value to display since the value is tied to a product id.

Thanks!

My client wants a Facebook Like Button for their products in ZenCart. I've actually found facebook rather annoying so never took an interest...until now. Would someone please give this nob a quick run down of the processes needed before this mod will work? My client has a FB account and I am now an administer. here is the URL https://www.musicplace.com.au/catalogue

Here is what I've done so far:

1. Installed the files in the mod and altered:

2. includes/templates/your_custom_template/common/html_header.php

Found this code (line 25):
<meta property="fb:admins" content="[email protected]"/>

3. http://developers.facebook.com/setup/ and registered my clients business The Music Place and got an appID

4. includes/templates/your_custom_template/templates/tpl_product_info.php

Found this code (line 22):
FB.init({appId: '000000000', status: true, cookie: true

5. getting the following error when I click the "Like" button:
   The application ID specified within the "fb:app_id" meta tag is not allowed on this domain. You must setup the Connect Base Domains for your application to be a prefix of http://www.musicplace.com.au/catalogue/index.php?main_page=product_info&products_id=1407.

Connect Base Domains???

Now I'm lost...please help. Thanks,
Rob

For a quick fix I've put the code in from http://www.addthis.com. I wanted this mod to work as it should pull in the meta tags and product image. I'll watch this forum and see if I can figure it out.

Cheers,
Rob

The error message is about the app id you are using. You have to get an app id for the specific domain and the message is saying it isn't the correct one.

Being very aware that you're not a FB developer, I have tried to sort out the FB appID setup on my end but I've hit the wall. So in order for me to use your mod I do need to ask a couple fundamental FB questions. Hope you don't mind.

My Zen Cart is at the following URL - https://www.musicplace.com.au/catalogue

Where I'm stuck is registering my app/site at http://developers.facebook.com/setup/

1. I've set up a new application called "The Music Place" using the URL https://www.musicplace.com.au/catalogue/
2. I now have an appID
3. I've added that appID to both html_header.php and tpl_product_info_display.php as stated in readme.txt
4. When I test the Like button I get the following error:

The application ID specified within the "fb:app_id" meta tag is not allowed on this domain. You must setup the Connect Base Domains for your application to be a prefix of http://www.musicplace.com.au/catalogue/index.php?main_page=product_info&products_id=1405.

Back to My Applications - http://www.facebook.com/developers/apps.php where my Music Place application profile is it says:

Directory Status: Not submitted
Once you have completed your application, you may submit it to the Application Directory

When I try to submit I get this error:

Submit The Music Place to the Application Directory
You need to have at least 5 total users or 10 monthly active users before you can submit your application.

I'm going in circles. I'm sure it's easy but I'm totally stuck.

I'm thinking that you should have only signed up the domain - without the subdirectory. Also without the www

Got it! Simple really - had to edit the app and make the following:

Site URL
http://musicplace.com.au/catalogue/

Site Domain
musicplace.com.au

THANKS FOR THIS MOD! Glad I stuck it out. Twitter?

I just have to fix the conflict in my fly out menu's z-index vs the FB <div>'s. Guess the best option is to set my css-flyout-categories mod z-index a bit higher.

Cheers,
Rob

I'm quite sure I've edited my settings of the Facebook Integration to FBML however I'm still getting an iframe in my site. Also how do I manually override the default width of 450px?

<span><iframe src="http://www.facebook.com/plugins/like.php?api_key=148604241848915&channel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df1c6d1acf5a2434%26origin%3Dhttp%253A%252F%252Fwww.musicplace.com.au%252Ff2adf22904a5c7e%26relation%3Dparent.parent%26transport%3Dpostmessage&href=http%3A%2F%2Fwww.musicplace.com.au%2Fcatalogue%2Findex.php%3Fmain_page%3Dproduct_info%26cPath%3D216%26products_id%3D1597&layout=standard&locale=en_US&node_type=link&sdk=joey&show_faces=true&width=450" class="fb_ltr" style="border: medium none; overflow: hidden; height: 23px; width: 450px;" name="f38687bb75f883e" id="f210bdbce1a525a" scrolling="no"></iframe></span>

Thanks,
Rob

My images don't display on my posts...did anyone get this working?

labrat:

I'm quite sure I've edited my settings of the Facebook Integration to FBML however I'm still getting an iframe in my site. Also how do I manually override the default width of 450px?

The iframe can only still be there if you have it in the code - which means you haven't uploaded the template to the correct folder.

joyjoy:

My images don't display on my posts...did anyone get this working?

The images only display if someone posts a comment in addition to clicking the like button.

delia:

The iframe can only still be there if you have it in the code - which means you haven't uploaded the template to the correct folder.

The iFrame is gone now...had to clear the cache however, I'm still stuck with width:450px for the div which pushes my right column too far right. Looks like the javascript is from an external site connect.facebook... Any ideas how I can override the standard 450px?

Thanks,
Rob

P.S. Not sure if it's been mentioned before but shouldn't tpl_product_info.php be tpl_product_info_display?