The page_image object

Returns the image from online store > preferences > social sharing image preview.

Social Sharing Image

The social sharing image preview is the image that appears when a merchant shares a link to their store on social media. If a theme already produces an og:image tag, then Shopify will not override the og:image tag.

The image that appears in the social sharing image preview might be generated from the logo uploaded to theme > header > logo. If there is no image present, we attempt to pull a logo from the theme’s checkout settings > logo. If there are no images present, the social sharing image preview is left blank and an image must be manually added. Learn how to set the social sharing image in the admin.

Shopify also pulls a colour from a theme’s settings > Colours > Background. If there is no background colour present in theme’s settings > Colours > Background, then we fall back to a background colour from Checkout > Main content area > Background colour. This colour can be padded behind the image like this:

Example of colour padding behind image

If the theme is changed, Shopify automatically pulls the logo that is present in the new themes header > logo. If there is no image in header > logo, we attempt to pull an image from checkout settings > logo. If there are no images present, a merchant must manually upload an image to the social sharing image preview field. Background colours also update when a theme is changed.

Input

{{ page_image | img_url }}

Output

//cdn.shopify.com/s/files/1/0987/1148/files/nice-candle-and-rocks_300x300.jpg?v=1590502771