Images not displaying in Metafields without any known changes to code or template

Topic summary

Images in product-page metafields no longer render, showing broken icons in an accordion under the description on the linked product. The browser dev console reveals (empty src), indicating the image URL isn’t being pulled from the metafield.

Scope and impact: It affects every metafield that stores an image, across current and past templates (20 versions over 2 years). Text metafields are unaffected. The issue appears only on the storefront product page; metafield image previews in the admin show correctly.

Troubleshooting done: Replacing the broken image with a different one does not fix the issue. Reviewing older templates suggests no recent theme code change caused it. Metafield inputs seem correct.

Context: Metafields are Shopify’s custom fields attached to products; the “accordion” is a collapsible UI block using those fields. Dev console output is central evidence.

Status: Unresolved. The poster requests guidance on diagnosing why image metafields aren’t outputting URLs to the storefront.

Summarized with AI on January 25. AI used: gpt-5.

Hi,

I help manage this store with these product pages:
https://amyrusselltaylor.com/collections/cosmoss/products/the-oracle-dial-x-cosmoss

As you can see from the link, the accordion which is made from metafields situated in the lower right, under the product description, is no longer displaying the images and appears as a broken image icon. (Titled - Product Details, Care Instructions etc)

If I go into the product to edit it, click on the metafields, I can see the preview of the images, if I remove the broken image and upload a different image, it still is broken on the product page. It is only showing as broken on the shop page and not nowhere else.

What also looks odd is the code in the dev console(although I had not checked this before it was broken) it does not seem to have any image info:

This looks like the src is not pulling the image through from the metafield?

I had not coded this custom block originally, so I am not sure what is happening, we have had it working fine for over a year and I don’t think it is a change in the code as I have the previous 20 templates going back 2 years and if I view those, it is broken on all of them, which makes me think there hasn’t been a change to those.

This is on every metafield with an image, so it is not affecting text and that rules out any accidentally incorrect metafield input.

Does anyone know how I would go about troubleshooting this problem?

1 Like