Metaobjects Not Updating Product Colors in Shopify Theme

Technical Q&A
, ,

Topic summary

A user implemented metaobjects to manage product colors (Ocean, Jade, Clay) with hex values and images instead of Shopify’s default variant system.

Current Status:

  • Color swatches display correctly on individual product pages
  • Colors fail to render on collection pages (hex values not showing)
  • Variants have been properly configured in the backend

Technical Context:

  • Theme: “Molding” (third-party)
  • Metaobjects configured via Content > Metaobjects
  • Screenshots show the discrepancy between product and collection page displays

Suggested Troubleshooting:

  • Verify if the third-party theme officially supports metaobject-based color swatches
  • Test with an unmodified/updated version of the theme
  • Clear cache and test in private browsing mode
  • Disable frontend apps to rule out conflicts

Resolution Status: Unresolved. The issue likely requires advanced theme customization to add variant-swatch support for metaobjects on collection pages, which may need professional development assistance.

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

Hello,

I am using metaobjects to manage product colors instead of Shopify’s default variant system, but my theme is not displaying the correct color swatches or updating product images when a customer selects a color.

What I Have Done:

Created new color metaobjects (e.g., Ocean, Jade, Clay) in Content > Metaobjects with hex values and images.

Taibz_2-1737554683168.png
Taibz_2-1737554683168.png1907×522 69.3 KB

It looks like this on the product page:

Taibz_0-1737554578426.png
Taibz_0-1737554578426.png1322×707 65.7 KB

But the problem is the collections page where the colors # doesn’t show, how do i fix this?

Taibz_1-1737554599420.png
Taibz_1-1737554599420.png1427×797 87.7 KB

Taibz_3-1737554742552.png
Taibz_3-1737554742552.png827×719 40 KB

Variants were addes as it should be.

Can someone help please?

Using the theme “Molding”

2

Does the third party theme even indicate they support this.

Have you tried an unmodified theme either of the current version or any new version if available.

Ensure you test in a private window, or browser with a clean cache; and or disable any frontend affecting apps to rule out app interference as a variable.

Beyond that is an advanced theme customization to add variant-swatch support to themes, more so for third party themes and moreso to support metaobjects or specific business logic.

If you need this debugged, or deeper customization then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.