Variants are not linking with file color images

Topic summary

Variant color images stored in Shopify Files and named to auto-link to color variants have stopped appearing on the product page, despite continuing to display on collection pages. This behavior changed recently after working for a long time.

Troubleshooting attempted:

  • Updated the theme.
  • Uninstalled recently added apps.
  • Reverted theme code to the original.

A recent Shopify “color filter” feature rollout is suspected as a potential cause, but there is no confirmation. The product page link and browser inspector screenshots were provided to illustrate the missing color images and front-end behavior.

Key details:

  • Issue is specific to product pages; collections still show the color images.
  • Filenames and formatting used for the color-image linking convention remain unchanged.

Outcome/status: No fix identified yet and no consensus on root cause. The thread is open, with the user seeking guidance or a workaround. Images and inspector captures are central to diagnosing the problem.

Summarized with AI on December 29. AI used: gpt-5.

I have uploaded color images to the file section of Shopify and have used the correct names and formatting to allow the colors to link with the variants. I have had this done for sometime now but all of the sudden the color files are not showing up on the product page. They show up in the collections page but that is about it.

Things that I have tried are :

-Updating the theme

-Uninstalling any new apps I have installed

-reverting code back to original code.

Not sure what else to try. Have had thoughts that this might have something to do with the new Shopify color filter roll out. The last picture is from inspecting the web page. https://ludabottle.com/collections/soccer-grunge/products/16oz-bottle-soccer-ball-splatter Hoping to find a solution