Facebook Like Button

Thanks delia for your reply!

The reason I followed kerrin's tutorial was that when I installed your addon I could't post any link to my facebook wall.
The message was:** "Could not post to Wall The message could not be posted to this Wall."**.

I couldn't find what was the problem. I followed all your instructions but nothing...
So, I tried kerrin's approach but still having the same problem.

I don't understand if this is a facebook side problem or mine..

Hi everyone! Does anyone have this add on working? I want to install onto my product pages but not if it doesn't work well...

Any feedback is appreciated. Thank you!

NeckDeep:

Did that shorten the overall length of the button? Looking to cut a few dozen pixels off the length so my sideboxes go back where they're sposed to be.

Right now the facebook button is simply placed into a paragraph. If you want more control, I suggest changing that paragraph in tpl_product_info_display.php to a div instead such as:

Then use CSS to control the width, position, etc. of the div. Also, I put it on a site that had the category icons enabled this time and found the the best placement is just below:

See this example here: on a working site

I don't see the working button on this site...where am I supposed to look for it?

on any of the product pages just above the product image and description. It doesn't load fast so make sure you wait for it.

joyjoy:

Hi everyone! Does anyone have this add on working? I want to install onto my product pages but not if it doesn't work well...

Any feedback is appreciated. Thank you!

I set up the like button on my site today. When I posted the link yesterday, I hadn't configured it.

So yes this works.

joyjoy:

I don't see the working button on this site...where am I supposed to look for it?

I don't see it either :dontgetit

Sorry, turns out I only had on one template which was not what you were seeing. Now it's visible.

For those of you getting this message:

The app ID specified within the "fb:app_id" meta tag is not allowed on this domain. You must setup the Connect Base Domains for your app to be a prefix of...

The problem is that your site probably has the cart in a folder and not in the root directory. The documentation states that the following is necessary to use the like button in a subdomain and does not say root directory but that's the problem it looks like.

In order to fix this you have to sign in to your facebook account and access your insights panel. http://www.facebook.com/insights. You would follow the instructions there but first.....

You have to put the meta tag <meta property="fb:admins" content="your admin id"/> into the header of your site index page. Then you can connect your website to your facebook account.

Then you have to edit your app at
http://www.facebook.com/developers/

click the domain / app to view the app, click edit settings, click website and enter your base domain into the site domain blank.

Whew! Incredible and convoluted.

Like I said I'm not a facebook developer, but I ran into this on the domain link I posted in the last couple of posts and finally had a chance to fix it.

Once again here's the link to the working like button

Delila,

I installed your mod and only had a few problems but they got fixed.

it works marvelously, but for no way at all could i get the images to show. what I did was finally use my username on facebook instead of an app name and now I get the images, even if I have image handler installed and also have them organized in subfolder [initially thought that was the problem]

I have a question though---why do not all of my images get pulled, there are some that do not

oh I also do not have the thumbsup icon cause frankly it bugs me but without it it stll works great.

Fantasies Realm link in my signature

I'm thinking that it could be a timing issue. Check to see how large the images are that don't show up. If they are a bigger file than the other images, then that could be the answer.

thanks, that is the one thing I did not think of...yes we were having pretty large images and I can experiment with recreating the images in a smaller size.

I checked to se if it was because some were png and others might be gif then jpg but never thought of the size.

thanks will let you know

well tried making some of the no shows to be 700x700 which is smaller than the ones that are 800x800 and the ones that are 1100x1100 (the beginning sizes before image handler and they still do not wish to show up so not sure what is the problem.

I even got this one:
http://fantasiesrealm.com/market/index.php?main_page=product_info&cPath=138_139&products_id=682

got the original image I have on my computer then shrank it to 700x700 and did a "save for web". Reuploaded it and the silly girl still won't show up in the fb dialog box...so am still not sure.

but will experiment with the ones I find that will not show in the fb dialog...lol

ZC v1.39

I've installed this add-on on my local site to check it out before loading on my website.

a couple things I need help with.

#1) What do I do with, or where to do I put the XFBML from Facebook?

#2) Why doesn't the Like button show up on my main page? It does show up when a product is selected.

DarkAngel:

well tried making some of the no shows to be 700x700 which is smaller than the ones that are 800x800 and the ones that are 1100x1100 (the beginning sizes before image handler and they still do not wish to show up so not sure what is the problem.

700 x 700 is dang large still. My rule of thumb is 500 x 500 and many times I go to 450 or 400 depending on what the product is.

Serious:
This is for adding the like button to the product pages only. If you are seeing it on those pages then you've installed the mod correctly. If the like button is working then that's all there is for now.

I do have a modified version for placing a like button anywhere else in the cart. PM me if you are interested.

delia:

700 x 700 is dang large still. My rule of thumb is 500 x 500 and many times I go to 450 or 400 depending on what the product is.

Serious:
This is for adding the like button to the product pages only. If you are seeing it on those pages then you've installed the mod correctly. If the like button is working then that's all there is for now.

I do have a modified version for placing a like button anywhere else in the cart. PM me if you are interested.

Thanks, I like it on the product page only but will pm you anyway since I may change my mind---you never know and since I am female tis my perogative...lol

The promo images are ginormous for we are a 3d art store and this way they can really see what they get really good. It is weird that some of the 1100 ones will go to facebook but some of the smaller ones won't..who knows, at lesast it works

thanks for this wonderful addition.

i use seo url, for the product https://www.site.com/aaa-p-10.html, like button record was 51, then i changed the product name to bbb, the current url is https://www.site.com/bbb-p-10.html, like button record becomes to 0, is it possible to make it back to 51?

I doubt it but that's a question for facebook as it's their rules.

delia:

I do have a modified version for placing a like button anywhere else in the cart. PM me if you are interested.

Hi Delia, can you post the modified version?

I have the like button working on products, it gets the proper info and images. I have modified the code a bit to display on my homepage, works fine but gets first image on the page, IE the "For All pets" tab.

site is: http:// habitathaven .com

Here is my homepage code, changed php echo to home URL and works fine, just need to select a static image via metatags or hard coded.

<div id="fb-root"></div>
<script>
 window.fbAsyncInit = function() {
FB.init({appId: '158346437554948', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:like href="http://habitathaven.com/"></fb:like>

My includes/modules/custom_template/meta_tags.php

//added  p.products_image for facebook opengraph / like button
  $sql= "select pd.products_name, p.products_model, p.products_price_sorter, p.products_tax_class_id, p.products_image,
                                      p.metatags_title_status, p.metatags_products_name_status, p.metatags_model_status,
                                      p.products_id, p.metatags_price_status, p.metatags_title_tagline_status,
                                      pd.products_description, p.product_is_free, p.product_is_call,
                                      mtpd.metatags_title, mtpd.metatags_keywords, mtpd.metatags_description
                              from (" . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd) left join " . TABLE_META_TAGS_PRODUCTS_DESCRIPTION . " mtpd on mtpd.products_id = p.products_id and mtpd.language_id = '" . (int)$_SESSION['languages_id'] . "'
                              where p.products_id = '" . (int)$_GET['products_id'] . "'
                              and p.products_id = pd.products_id
                              and pd.language_id = '" . (int)$_SESSION['languages_id'] . "'";

  $product_info_metatags = $db->Execute($sql);
  if ($product_info_metatags->EOF) {
    $meta_tags_over_ride = true;
  } else {

As a Wordpress guy I want to use "if_is_home" or similar, or maybe define home meta tags like;
// Home Page Only:
define('HOME_PAGE_META_DESCRIPTION'

Any ideas?

Thanks

one important change i had to make to get the like button behave without some weird stuff on some pages was to comment out this og property:

<!--<meta property="og:type" content="product" />-->

For some reason some of the pages i was unable to like, while others just showed wrong pictures. After this change it seems to have solved these problems