Author Topic: Tutorial: How to get Facebook Like working on your Virtuemart site  (Read 80447 times)

her63

  • Beginner
  • *
  • Posts: 14
  • beginner
    • toko bunga makassar
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #135 on: August 03, 2012, 19:05:09 pm »
I am using joomla 2.5.6 and virtuemart 2.0.8e . please help me thank you , www.dewiflorist.com

kevinwood

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #136 on: August 14, 2012, 17:50:15 pm »
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

  • Beginner
  • *
  • Posts: 14
  • beginner
    • toko bunga makassar
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #137 on: August 28, 2012, 10:24:59 am »
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

  • Beginner
  • *
  • Posts: 5
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #138 on: October 16, 2012, 21:18:32 pm »
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

  • Jr. Member
  • **
  • Posts: 151
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #139 on: October 17, 2012, 03:03:29 am »
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

  • Beginner
  • *
  • Posts: 5
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #140 on: October 17, 2012, 09:26:31 am »
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

  • Beginner
  • *
  • Posts: 10
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #141 on: November 06, 2012, 11:11:23 am »
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

  • 3rd party VirtueMart Developer
  • Full Member
  • *
  • Posts: 1308
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #142 on: February 22, 2013, 11:02:09 am »
Thanks it seems to work

lineofstars

  • Beginner
  • *
  • Posts: 5
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #143 on: May 19, 2013, 22:07:29 pm »
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

  • Beginner
  • *
  • Posts: 3
    • cksmetalltechnik
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #144 on: May 27, 2013, 14:03:43 pm »
Thanks! It works now flawlessly.

alvinwang21

  • Beginner
  • *
  • Posts: 19
Re: Tutorial: How to get Facebook Like working on your Virtuemart site
« Reply #145 on: August 27, 2013, 02:14:37 am »
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.