Image missing for product and collection links shared on social media (Dawn v11)

Topic summary

A user encountered an issue where product page links shared on WhatsApp and Facebook Messenger displayed no preview image, though Facebook wall posts showed images correctly.

Root Cause:
The problem stemmed from the og:image property code in the theme.liquid file.

Solution Implemented:

  • Modified the Open Graph image code as suggested by another community member
  • This fixed the Facebook Messenger preview issue

WhatsApp-Specific Constraint:
The WhatsApp issue had a different cause—WhatsApp requires preview images to be under 300KB in file size. Once the user reduced their product images below this threshold, WhatsApp previews began working.

Status: Resolved. Both Facebook Messenger and WhatsApp now display product images correctly when links are shared.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

When a product page is shared on WhatsApp or Facebook Messenger, there is no image in the link.

However, the image is displayed when I share the link on Facebook on my wall.

For example, when I share https://veganwear.shop/products/clover-vegan-t-shirt, this is what I get:

Facebook wall - OK:

Facebook Messenger - no image:

WhatsApp - no Image:

The code for the og:image property lives in theme.liquid:


Any ideas?

Hey @D666 ,

Change it to this

{%- if page_image -%}
  
  
  
  
{%- endif -%}
1 Like

Thanks! I’ve changed the code as you suggested, but no change.

It’s working @D666 ,

You can’t try on the same device because of caching. You probably need to try tomorrow.

1 Like

Fb Messenger

1 Like

@ThePrimeWeb Your suggestion sorted out the issue for Facebook Messenger. :ok_hand:

But the issue for WhatsApp was something else: the image that WhatsApp tries to fetch for the link preview must be under 300kB.

Thank you again for your help.