Social Media Sharing Facebook Open Graph cropping square product image

Social Media Sharing Facebook Open Graph cropping square product image

Sara_wildflower
Visitor
3 0 0

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

Replies 3 (3)

namphan
Shopify Partner
2262 295 331

Hi @Sara_wildflower,

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

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
namphan
Shopify Partner
2262 295 331

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!

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com