How to show custom meta field on a product in version 2.0 of shopify

Store Design

Topic summary

Upgrade to Shopify Online Store 2.0 broke the display of a custom metafield that previously rendered a clickable color icon linking to separate product pages.

  • Context: Using Metafields Guru, a metafield (namespace: global, key: clr_swatch) in v1.0 displayed a swatch image that linked to another product URL. Color options are set up as separate products to have unique URLs.
  • Current issue: In v2.0 the same metafield is now recognized as a “multi string rich text” field and no longer outputs as a clickable icon/link.
  • Examples provided: an image URL for the swatch and a target product page URL. A screenshot is attached showing the desired swatch UI; this visual is central to understanding the expected outcome.
  • Goal: Guidance on how to render the metafield in v2.0 so it displays as a clickable icon linking to the corresponding product page (likely requiring updated Liquid/template handling of the metafield type).

Status: No solution or replies yet; the question remains open.

Summarized with AI on March 2. AI used: gpt-5.
1

Hi,

We tried using this meta field in V1.0 of shopify and we were able to have it shown in the website. We used metafields Guru to create the metafield.

Namespace: global

Key: clr_swatch

https://cdn.shopify.com/s/files/1/0196/0296/4580/files/silver-white-gold.jpg?
v=1629159012=>https://www.gemlinejewelry.com/products/bubble-heart-white-gold?_pos=3&_sid=3a4922dc3&_ss=r

What this metafield does is show an icon of a variant. We made the color variants of a product as separate objects, because we want the variants to show up as a unique link on its own page.

Our problem is when we upgraded our theme to V2.0, the metafield is not displaying the correct output which is (a clickable icon to another product page). In V2.0 the metafield is classified as multi string rich text. We’d like some help on how to make the metafield display a clickable icon. Attached is a screenshot of what it should look like.

color swatch.jpg
color swatch.jpg1450×710 76.7 KB