Facebook Like Button

[labrat]

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

[delia]

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.

[labrat]

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

[delia]

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

[labrat]

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

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

<span><iframe src="http://www.facebook.com/plugins/like.php?api_key=148604241848915&amp;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&amp;href=http%3A%2F%2Fwww.musicplace.com.au%2Fcatalogue%2Findex.php%3Fmain_page%3Dproduct_info%26cPath%3D216%26products_id%3D1597&amp;layout=standard&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;show_faces=true&amp;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

[joyjoy]

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

[delia]

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.

[delia]

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.

[labrat]

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?