Facebook for Virtuemart Questions

How can I set the Open Graph Image for the Flypage of Virtuemart?

When using JFBConnect to add Like buttons to your Virtuemart pages, you may notice that when a user Like's your products, a non-product image from the page may show in the user's wall. To fix this, you should use the Open Graph tags to let Facebook know what image should be used for wall posts. Adding the Open Graph tag can be done by modifying the flypage template file for the product page with the following code: 

Virtuemart 2:
{SCOpenGraph image=<?php echo IMAGEURL.'product/'.$productArray['product_thumb_image']; ?>}

For our testing with Virtuemart 2.x, we added the code above to the /components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php file. If you want to add a description for the preview, you can add a corresponding SCOpenGraph tag also.

Virtuemart 3:

For our testing with Virtuemart 3.x, we created a template override for /components/com_virtuemart/views/productdetails/tmpl/default.php to add the description tag.

<?php if (!empty($this->product->product_desc)) { ?>
{SCOpenGraph description=<?php echo $this->product->product_desc; ?>}
<?php } ?>

To add the image tag, we created a template override for /components/com_virtuemart/views/productdetails/tmpl/default_images.php, inside an existing block of code that defines $image.

if (!empty($this->product->images)) {
$image = $this->product->images[0];
{SCOpenGraph image=<?php echo JURI::root().$image->file_url;?>}
<div class="main-image">
<?php echo $image->displayMediaFull("",true,"rel='vm-additional-images'"); ?>
<div class="clear"></div>

Please note that the Open Graph easy-tags should be added just like normal HTML (outside of any PHP blocks). It can be added anywhere in the file, position does not matter. 

Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program