Tutorial: How to get Facebook Like working on your Virtuemart site

[her63]

I am using joomla 2.5.6 and virtuemart 2.0.8e . please help me thank you , www.dewiflorist.com

[kevinwood]

Hi all.  Just a note that the Wordpress site which had the tutorial on it got hacked and I lost the documentation.  I will try to find a copy of it and put it up here.

Also keep in mind that the plugin still only works for Joomla 1.5 and VM 1.  I have not had any time to upgrade the plugin and don't expect any opportunity to do so anytime soon.

I will continue to provide support on a best effort basis.  It might be easier to email me, however, since I don't seem to get notifications when people post here.

[her63]

sorry My english not so good , but I wouls to share how fb like buttom show on product pages virtuemat 2.0.8e joomla 2.5.6 that a look www.dewiflorist.com

1. login your fb -> down clik developers-> build for website-> core consept->clik like bottom -> inpur your url begin with http:\\........,-> clik code
    script column 1 put in your joomla templete after < body >
2. find your template/your template/html/com_virtuemat/product detail/default.php............find <?php } // Product Description END . put beforo this line  fb second comln.

if you any question my email. herrycandi@hotmail.com.

I love virtuemart,

[carionpiet]

Hi there,

this used to work just fine, but now it seems to be broken 
When I press "like" button, I can enter a message but nothing is posted.
I need to confirm and get a popup with url:
http://www.facebook.com/plugins/error/confirm/like?iframe_referer=http%....

http://fara.testcarion.be/index.php/ladies-only?page=shop.product_details&product_id=60&flypage=flypage.tpl&pop=0

[kevinwood]

Hi there,

this used to work just fine, but now it seems to be broken 
When I press "like" button, I can enter a message but nothing is posted.
I need to confirm and get a popup with url:
http://www.facebook.com/plugins/error/confirm/like?iframe_referer=http%....

http://fara.testcarion.be/index.php/ladies-only?page=shop.product_details&product_id=60&flypage=flypage.tpl&pop=0

Facebook occasionally determines that certain sites are attempting to 'click-jack'.  When that happens, it does not automatically accept the "like" button but asks that the user confirm their like first.  This is what is happening here.  It has nothing to do with the plugin.  You will need to find out why Facebook thinks your site is engaging in clickjacking.

[carionpiet]

Okay,

I can understand why they want confirmation, but when I do, nothing is posted.
Occasionally a like is posted.
Has somebody had the same problem? I need some help here.

[seabass]

This will add a dynamic FB like button to all virtuemart products. Using VM 2.0.12F  / Joomla 2.5.7

1. Setup /yourtemplate/html/com_virtuemart/productdetails/default.php Make sure you have this template override selected in your shop config.
2. Below approx line 260 <?php echo $this->product->product_desc; ?> </div>

ADD -

Code: [Select]

<fb:like id="fb" href="http://www.yourdomain.com" layout="button_count"></fb:like>

    <script type="text/javascript">
var sUrl = window.location;
document.getElementById('fb').setAttribute('href', sUrl);
</script>

3. Go to your template/index.php directy below body tag add:

Code: [Select]

<div id="fb-root"></div>

<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '135372606562726', 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>
Check your Product pages.

[balai]

Thanks it seems to work

[lineofstars]

This will add a dynamic FB like button to all virtuemart products. Using VM 2.0.12F  / Joomla 2.5.7

1. Setup /yourtemplate/html/com_virtuemart/productdetails/default.php Make sure you have this template override selected in your shop config.
2. Below approx line 260 <?php echo $this->product->product_desc; ?> </div>

ADD -

Code: [Select]

<fb:like id="fb" href="http://www.yourdomain.com" layout="button_count"></fb:like>

    <script type="text/javascript">
var sUrl = window.location;
document.getElementById('fb').setAttribute('href', sUrl);
</script>

3. Go to your template/index.php directy below body tag add:

Code: [Select]

<div id="fb-root"></div>

<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '135372606562726', 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>
Check your Product pages.

Hi seabass!
well  this is what I was looking for,but in Joomla 1.5.22 and the VM  1.1.6.
I was searching  the same route to the files /yourtemplate/html/com_virtuemart/productdetails/default.php  but it seams that the structure and where the file ware installed is diffrent,I did not find any subdirectory "productdetails" in /yourtemplate/html/com_virtuemart,so I could not add the code.Do you know where is that specific defalut.php according to the versions of Joomla 1.5.22 and the VM  1.1.6 ?

[Markus21]

Thanks! It works now flawlessly.

[alvinwang21]

This will add a dynamic FB like button to all virtuemart products. Using VM 2.0.12F  / Joomla 2.5.7

1. Setup /yourtemplate/html/com_virtuemart/productdetails/default.php Make sure you have this template override selected in your shop config.
2. Below approx line 260 <?php echo $this->product->product_desc; ?> </div>

ADD -

Code: [Select]

<fb:like id="fb" href="http://www.yourdomain.com" layout="button_count"></fb:like>

    <script type="text/javascript">
var sUrl = window.location;
document.getElementById('fb').setAttribute('href', sUrl);
</script>

3. Go to your template/index.php directy below body tag add:

Code: [Select]

<div id="fb-root"></div>

<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '135372606562726', 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>
Check your Product pages.

Hi, Could anyone explain details about what is the function of code part 3? and the exactly location of index.php?  I have tried templates/my templates/index.php and website said there is an unexpected "<" there.