Social Media Sharing Facebook Open Graph cropping square product image

[Sara_wildflower]

Hi there,

I use the Distinctive theme by Fuel themes, and we have square product images as default. When Product pages are shared to Facebook, it crops the main product image/featured image to the standard FB 1.91:1 ratio.

Our product is wine, so the bottles vertically fill the square, when cropped you lose the top and bottom of the wine bottle.

Is there a way to make sure this doesn't happen? Or have it select a different image by changing the OG code? 

Surely most shopify websites with square images (isn't that most of them?) have this issue?

Thanks

[namphan]

Hi @Sara_wildflower,

Please send the website link, I will check it for you

[Sara_wildflower]

Thanks https://flintvineyard.com/collections/still-wines/products/fume

[namphan]

Hi @Sara_wildflower,

Facebook currently supports 1200x630 pixel images well, refer link

So if you want, you need to create Metafield to upload only the image displayed when sharing social. 

This image uses the default size and it will display fine.

I hope it helps!