Facebook Like Button

[PUREchocolatetruffle]

I have a dark back also -- try this in the tpl_product_info.php

<div id="likeButton"><fb:like colorscheme="dark"></fb:like></div>

Dark Angel, many thanks. Your code gave me an idea as I have now changed the tpl_product_info.php with this

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:40px"></iframe>

I've also reduced the width to 300 px so the "like botton" doesn't push my side boxes out anylonger.

Dark Angel, you seem to be anywhere. It's not the first time you have helped me. Once again many thanks.

Kim

[delia]

If your cart goes to secure after you login, that code will throw a security error. You could have just added the the color scheme tag to the existing code.

[DarkAngel]

Dark Angel, many thanks. Your code gave me an idea as I have now changed the tpl_product_info.php with this

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(zen_href_link(zen_get_info_page((int)$_GET['products_id']),'cPath='.$_GET['cPath'].'&products_id=' . (int)$_GET['products_id'])); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:40px"></iframe>

I've also reduced the width to 300 px so the "like botton" doesn't push my side boxes out anylonger.

Dark Angel, you seem to be anywhere. It's not the first time you have helped me. Once again many thanks.

Kim

I'm here, I'm there, I'm verywhere so b e w a r e....lol

glad I could help out a little

[PUREchocolatetruffle]

If your cart goes to secure after you login, that code will throw a security error. You could have just added the the color scheme tag to the existing code.

Nope, no security error comes up. However, I did change it and added DarkAngel's code instead.
And now my website looks good again in the Chrome browser.

May I ask, how do I make the width shorter in the Like Button line ? It was easy to do in the iframe code but I can't make it work now.

Otherwise, many thanks for a great programme.

Kim

[PUREchocolatetruffle]

Nope, no security error comes up. However, I did change it and added DarkAngel's code instead.
And now my website looks good again in the Chrome browser.

May I ask, how do I make the width shorter in the Like Button line ? It was easy to do in the iframe code but I can't make it work now.

Otherwise, many thanks for a great programme.

Kim

Sorted by myself by adding "width= 300px" in DarkAngel's code.
However, I have another question that really puzzles me:
The Facebook Like Button is placed perfectly above the product where it should in the Chrome browser and Microsoft Internet Explorer 9. But in Microsoft Internet Explorer 7 and 8 the Facebook Like Button is only visible down in the left corner of the screen.
How come ? Isn't it weird ?

Kim

[delia]

Not really - each browser does different thing with css. Getting cross browser compliant css can be problematic.

[DarkAngel]

Sorted by myself by adding "width= 300px" in DarkAngel's code.
However, I have another question that really puzzles me:
The Facebook Like Button is placed perfectly above the product where it should in the Chrome browser and Microsoft Internet Explorer 9. But in Microsoft Internet Explorer 7 and 8 the Facebook Like Button is only visible down in the left corner of the screen.
How come ? Isn't it weird ?

Kim

kudos for figuring it out yourself...sometimes when I do that it won't even show the image...lol

I don't know why it does that I do not have mine showing at the top above image I positioned mine right below it, just between the image and the descritpion

[fran]

If anyone is using an SEO mod such as Ceon URI's and the URL string with $canonicalLink is not working, use this bit of code instead of the normal og:url:

<meta property="og:url" content="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER) . $request_uri; ?>" />

So the full bit of code im using on 1.3.9h with Ceon URI's is:

<meta property="og:title" content="<?php echo META_TAG_FBTITLE; ?>" />
<meta property="og:site_name" content="<?php echo TITLE; ?>" />
<meta property="og:image" content="<?php echo META_TAG_FBIMG; ?>" />
<meta property="og:url" content="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER . DIR_WS_HTTPS_CATALOG : HTTP_SERVER) . $request_uri; ?>" />
<meta property="fb:app_id" content="APP ID" />
<meta property="og:type" content="product" />

[delia]

Thanks, Fran, I'll check that out and incorporate it into the instructions!

[Serious]

How do I change the color of the text that is next to the "like" icon?