Facebook Like Button

[delia]

I suspect that's not possible with the like button as it is now. Besides, I believe the fan box creates a security error on secure pages. All Facebook scripts look for the same things so the two can and are interfering with each other.

[everynameistaken1567]

Thanks for the reply. If anyone is interested I was able to add a sidebox Like Box for my site by adding a sidebox in Banner Manager and pasting the side box code generated from my facebook account. It doesn't interfere with the product like button and it also seems to work with secure pages after I changed the urls to https.

[pricediscrimination]

Installed the mod and got this error:

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

Then I used the code from Facebook and it worked except when the product was liked it showed up on the Facebook wall but did not register the count number next to the like button on the product page:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxx&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="400" show_faces="false" font="arial"></fb:like>

So my question is why does the mod call for this code and not the code from Facebook when putting it in the tpl_product_info_display.php ??

 <!-- bof Facebook Like Button -->
    <div id="likeButton"><fb:like></fb:like></div>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'your application id', status: true, cookie: true,
                 xfbml: true});
		FB.Event.subscribe('edge.create', function(href, widget) {
// Do something, e.g. track the click on the "Like" button here
});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
<!-- eof Facebook Like Button -->

What is the difference between your code and the Facebook code?

[DarkAngel]

Installed the mod and got this error:


Then I used the code from Facebook and it worked except when the product was liked it showed up on the Facebook wall but did not register the count number next to the like button on the product page:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxx&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="400" show_faces="false" font="arial"></fb:like>

So my question is why does the mod call for this code and not the code from Facebook when putting it in the tpl_product_info_display.php ??

 <!-- bof Facebook Like Button -->
    <div id="likeButton"><fb:like></fb:like></div>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'your application id', status: true, cookie: true,
                 xfbml: true});
        FB.Event.subscribe('edge.create', function(href, widget) {
// Do something, e.g. track the click on the "Like" button here
});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
<!-- eof Facebook Like Button -->

What is the difference between your code and the Facebook code?

not sure why fb code worked from the fb site---I sure never could get it to work right.

I did however in that where I made red put my fb id and also in the other place it indicated for it to go within the meta tags. now when I hit the like link (I removed the thumbs up obnoxious button) it gives the box to post it to my fb page and even gives the image of our store item.

[pricediscrimination]

I did however in that where I made red put my fb id and also in the other place it indicated for it to go within the meta tags. now when I hit the like link (I removed the thumbs up obnoxious button) it gives the box to post it to my fb page and even gives the image of our store item.

huh?

[DarkAngel]

huh?

in this area where I have made it red:

<!-- bof Facebook Like Button -->
<div id="likeButton"><fb:like></fb:like></div>

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your application id', status: true, cookie: true,
xfbml: true});



you need to replace the red letters with your apps id or your id at facebook that is usually found in the url of your page there

there is also another section to be adding the information to the meta tag section....if you are using this fb mod:

facebook_like_button_1-0.zip

it is listed in the readme where to add it

[pricediscrimination]

in this area where I have made it red:

<!-- bof Facebook Like Button -->
<div id="likeButton"><fb:like></fb:like></div>

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your application id', status: true, cookie: true,
xfbml: true});



you need to replace the red letters with your apps id or your id at facebook that is usually found in the url of your page there

there is also another section to be adding the information to the meta tag section....if you are using this fb mod:

facebook_like_button_1-0.zip

it is listed in the readme where to add it

Yes, I did all of thes steps that you mentioned and it still didn't work. However, using the code directly from Facebook (as I posted above) did work.

And my question was why does this mod use code that is so different than the code provided by Facebook and why?

[delia]

What is the difference between your code and the Facebook code?

1) Both are facebook code.
2) look at the code - one uses an http url to access facebook, one does not
3) so this mod uses code that will not throw a security error
4) when originally coded this was the only way to get more than a link on facebook - that's now changed. Still get more on the facebook post with this mod tho.

My question to you is why didn't you ask about the error you received? I know the answer and it has been discussed in this thread before. You didn't finish your install.

[PUREchocolatetruffle]

I installed the Facebook Like Button and changed the files according to the instructions. However, nothing shows up in Microsoft Internet Explorer 8 . But in Google Chrome it does work. The only disadvantage is that the add-on has changed (increased) the font size on my site. Furthermore, the text "Be the first of your friends to like this" can't been seen on the site's black background.

My site is www.PUREchocolatetrruffles.co.uk

Any advice is very welcome. Thanks in advance.
Kim

[DarkAngel]

I installed the Facebook Like Button and changed the files according to the instructions. However, nothing shows up in Microsoft Internet Explorer 8 . But in Google Chrome it does work. The only disadvantage is that the add-on has changed (increased) the font size on my site. Furthermore, the text "Be the first of your friends to like this" can't been seen on the site's black background.

My site is www.PUREchocolatetrruffles.co.uk

Any advice is very welcome. Thanks in advance.
Kim

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

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