AbleCommerce Shopping Cart Software

I'd like to place the Facebook Like button on my company's product pages, but it is using an image in our header in place of the product image.

I tried using the SocialMediaLinks ConLib reference (files are from the link below) on the Show Product 1 Scriptlet. I’ve also tried using the Facebook Like button from Plugables and the result is the same (using the image from the header).

SocialMediaLinks ConLib: http://blog.ablecommerce.com/social-med ... ebar-links

I know Facebook uses Open Graph for specifying the image URL, but I'd like to do this for every product page. Is there a variable or something that can dynamically generate the image URL?

Thank you.

Take a look at this post. See if helps.

viewtopic.php?f=44&t=16121&p=68904

Thank you for your help David.

Let me make sure I've got the steps correct:

1. Save the provided code as FaceBookTags.ascx (Does this need any additional code or can I use what you wrote verbatim?)
2. Call out the ConLib file in the Show Product 1 scriptlet (In the Header Section or the Content?)

Question: Do I use this code in addition to a Facebook Like button? (either from Plugables or Able in my previous post)


Thanks again

I have been having this same issue. I use the Social Media conlib plugin thing and this only happens with Facebook (which is by far the most important). Pinterest and Google+ all work perfectly, showing the product image. I created the FaceBookTags.ascx file and I called it at the top of the content section of my Show Product 1 scriptlet. I still only get my logo graphic and it will not pull my product image. Let me know if anyone has any ways to fix this or troubleshoot it better.

Thanks!

After some trial and error I found the spot in the code that was giving me the issue.

I changed line #30 from my FacebookTags.ascx from

ogImage.Content = _Product.ImageUrl;

to

ogImage.Content = Token.Instance.Store.StoreUrl + _Product.ImageUrl.Replace("~/",null);