Sharing on social networks problem

[amperial]

When you share the item page on Twitter or Facebook they pick the smallest thumb and scale it up a lot which makes it look very blurred and awfull. This is what happens: Twitter and Facebook take the tiny one (.../static11/preview1/... .jpg) instead of (.../static11/preview2/... .jpg) which is bigger and would look better.
Where and how to change the code to accomplish that?

[admin]

I advise you to use the service to configure any share buttons: https://www.sharethis.com/

The code can be placed on the pages:
/templates/template[n]/item_photo.tpl
/templates/template[n]/item_video.tpl
/templates/template[n]/item_audio.tpl
/templates/template[n]/item_vector.tpl

[amperial]

Your advise doesn't make any difference and doesn't resolve the problem. The problem is not about share buttons, they work just fine. The problem is your script feeds the social media the smallest thumbnail instead of the biggest one. So again, how to make your script feeding the biggest thumbnail?

[amperial]

Since admin is unfortunately just ignoring my question, is anybody else out there who have this problem resolved and can share it?

[Walter]

the problem is facebook.
The preview image isn't displayed until the Facebook crawler sees it

https://developers.facebook.com/tools/debug/

[admin]

You have to edit the templates:
/templates/templateN/item_photo.tpl
/templates/templateN/item_video.tpl
/templates/templateN/item_audio.tpl
/templates/templateN/item_vector.tpl

and replace the link:

Code: Select all

http://www.facebook.com/sharer/sharer.php?s=100&p[title]={SHARE_TITLE}&p[summary]={SHARE_TITLE}&p[url]={SHARE_URL}&&p[images][0]={SHARE_IMAGE}

with:

Code: Select all

https://www.facebook.com/sharer.php?u={SHARE_URL}&title={SHARE_TITLE}&picture={SHARE_IMAGE}

[amperial]

No difference. It still picks up the smallest thumb 120X69 in my case.