Post by fokz8 » Mon Jan 18, 2016 6:34 am

Hello.

I know this is probably an easy answer to this question, but i just simply can't find it.

When i share my store on facebook, this is the image of the store that get's displayed

Image

How do i change this image to image that i want?

Thank you very much!

PS:

Already tried changing pictures under:

System-settings-store edit-general(image)
System-settings-store edit-image(store logo,icon)

New member

Posts

Joined
Sun Jul 26, 2015 8:35 pm

Post by DonHermes » Fri Feb 10, 2017 6:49 pm

Here´s what I did as a work-a-round solution to get the site logo visible in sharing my site on facebook.

1. Create/ choose the image you wish to show (optimal minimum size: 470x246)
2. Upload the image to https://postimage.io/ and copy the DIRECT LINK
3. Edit header.tpl in "catalog --> view --> theme --> (your theme) --> template --> common"- folder
4. Insert this code to the top of the file:

Code: Select all

<meta property="og:image" content="https://your-permalink-here" />
5. Save file & Upload back to the server. (Replacing the old one)
6. Open facebook debugger tool: https://developers.facebook.com/tools/debug/sharing/
7. Input your website url in the sharing debugger
8. Now as it loads the result, the old image you are trying to replace probably pops up again, but now click on the "SCRAPE"- button so many times, that you see your new image in preview.
9. Done, congratulations!

I hope this helps somebody, I did quite a struggle myself to get this working. O0

Newbie

Posts

Joined
Thu Jun 04, 2015 4:30 pm

User avatar
Active Member

Posts

Joined
Fri Mar 16, 2012 10:18 am
Location - Canada, QC
Who is online

Users browsing this forum: No registered users and 162 guests