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

[tcelica2000]

It says error on line 28, its about image capture something like wring syntax, I remove the ime thing, and the code works, but i have the same problem, keeps saying error, because it is unreachable by facebook:

The page http://www.openxxxx.com/mastshop/mastshop/Servidores/MacBook-Pro-MB133LL/A/flypage.tpl.html cant be reachable

i see that mastshop is in the address 2 times, but really in my browser it is only 1 time, i think this is the wrong thing, but i dont know where to remove one of the /mastshop

Thanks to all who could help me out!

[kevinwood]

Well, I can't get to the URL either.  Is this a test server that you are working on?

[arepie]

hello, i have read the tutorial at "http://www.bigskyphotography.ca/design/tutorial-facebook-like-virtuemart/" and followed everything just like it says. Unfortunately, the like button generates an "error".
im not sure what i've been missing. I have been at this at least 4 hours finding the solution, but found none. I hope anyone could help me. Thanks.

p/s: this is my link http://www.j4ufashion.com/3rd-party-extensions/virtuemart/details/27/lg-art-flower-washing.html?pop=0

[sammeans]

Quick question, hoping you can help out here..

I just added this on two separate Virtuemart installations. It works like a dream on the first one, but on the second, it only works until you select an attribute (size) and then the like button disappears. Please follow the link below to see it in action.. as you choose a t-shirt size, you will see its nowhere to be found.. even the twitter button dies and turns into a text-only link. So weird and incredibly frustrating!

PLEASE HELP!

Example:
http://hellomerch.com/sh/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=938&category_id=49&option=com_virtuemart&Itemid=2

And here's a link to it working perfectly on a separate installation.
http://hellomerch.com/shop/index.php?option=com_virtuemart&page=shop.product_details&flypage=neonflypage.tpl&Itemid=57&category_id=65&product_id=1632

THANKS!

[kevinwood]

hello, i have read the tutorial at "http://www.bigskyphotography.ca/design/tutorial-facebook-like-virtuemart/" and followed everything just like it says. Unfortunately, the like button generates an "error".
im not sure what i've been missing. I have been at this at least 4 hours finding the solution, but found none. I hope anyone could help me. Thanks.

p/s: this is my link http://www.j4ufashion.com/3rd-party-extensions/virtuemart/details/27/lg-art-flower-washing.html?pop=0

Hi.  I just tried your site and it seems to work perfectly for me.  The only issue I see is that your og:site_name tag is set to a blank string (you can change that in the VM Open Graph config), but otherwise it seems fine.

[kevinwood]

Quick question, hoping you can help out here..

I just added this on two separate Virtuemart installations. It works like a dream on the first one, but on the second, it only works until you select an attribute (size) and then the like button disappears. Please follow the link below to see it in action.. as you choose a t-shirt size, you will see its nowhere to be found.. even the twitter button dies and turns into a text-only link. So weird and incredibly frustrating!

PLEASE HELP!

Example:
http://hellomerch.com/sh/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=938&category_id=49&option=com_virtuemart&Itemid=2

And here's a link to it working perfectly on a separate installation.
http://hellomerch.com/shop/index.php?option=com_virtuemart&page=shop.product_details&flypage=neonflypage.tpl&Itemid=57&category_id=65&product_id=1632

THANKS!

Hi there.  I went to the site you gave as an example and I can't recreate your problem.  When I select an option from the attribute list, the Like and Tweet buttons are still there. 

[spottedsparrow]

Great tutorial! Thanks very much.

Is there a way to specify which image it pulls from the page? I have several images for each product and would like the main image to be posted to Facebook. Right now it's pulling the last image from the product or no image at all.

[kevinwood]

Do you have VM Open Graph enabled?  The whole point of the plugin is to tell Facebook to use the main image.

[zainabubu]

hello I was able to get the facebook like working according to your instructions, but when I also installed Simple FanpageBox: http://greek8.com/index.php?option=com_content&view=article&id=1&Itemid=3
the "like" on my page disappeared. But when I disabled the FanPageBox, the "like" re-appeared. Is there a way I can get both working together?

[spottedsparrow]

Thanks for your reply, Kevin. VM Open Graph is installed and enabled with the following settings.

Site Name Over-ride: blank
Title: use product name
Open Graph Type: blank
Facebook Admins: [my fb id]
Add the og:url tag?: yes
Enable BETA Multi-Language Support (Note! Mouse-over for important information?: no
Method used for multi-languages?: folder
Target language?: blank
Set tags for all pages?: yes

This is the code in my flypage.tpl.php file.

Code: [Select]

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=178058812248154&amp;xfbml=1"></script><fb:like send="true" width="450" show_faces="false" font="verdana"></fb:like>
Most of the time I'm getting no image at all on Facebook.

[attachment cleanup by admin]

[kevinwood]

Thanks for your reply, Kevin. VM Open Graph is installed and enabled with the following settings.

Most of the time I'm getting no image at all on Facebook.

I took a look at your site, and see that the og:image tag is messed up.  As an example:

Code: [Select]

<meta property="og:image" content="http://www.spottedsparrow.com/components/com_virtuemart/shop_image/product/http://spottedsparrow.com/images/products/fishing_thumb.jpg"/>
It looks like you have moved your product images out of the default Virtuemart folder, and have changed the product_thumb_image field in your database to point directly to the image URL rather than just to a file name.  To get the plugin working with your modifications is easy.  In vmopengraph.php, just change line 126 from:

Code: [Select]

$imgurl = JURI::base() . "components/com_virtuemart/shop_image/product/" . $image;to:

Code: [Select]

$imgurl = $image;
Kevin

[kevinwood]

hello I was able to get the facebook like working according to your instructions, but when I also installed Simple FanpageBox: http://greek8.com/index.php?option=com_content&view=article&id=1&Itemid=3
the "like" on my page disappeared. But when I disabled the FanPageBox, the "like" re-appeared. Is there a way I can get both working together?

Hi there.  I am not familiar with FanPageBox, but this doesn't sound like your issue is related to my plugin or tutorial.  I would direct your question to the FanPageBox author.

[joomlacreative]

What can I say is thank you soooooo much!  It is what I was looking for:)

[spottedsparrow]

Thanks again, Kevin. It's now working on my site. You're a star!

[kevinwood]

What can I say is thank you soooooo much!  It is what I was looking for:)

You're welcome and thanks for dropping by to comment!

Thanks again, Kevin. It's now working on my site. You're a star!

Great to hear it's working for you!