Facebook Like shows Wrong Image

[webmaz]

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.

[david-ebt]

Take a look at this post. See if helps.

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

[webmaz]

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

[crazyjoe]

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!

[crazyjoe]

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);