Color Swatches , Varient Color in Expanse theme

Topic summary

A user is experiencing issues implementing color swatches for product variants in the Expanse theme. They have four material variants (yellow gold, rose gold, white gold, and oxidized gold) that need corresponding color swatches (yellow, pink, white, and black).

Current Problems:

  • When adding variants under “material,” the color swatches remain transparent and don’t display properly
  • When using color variants instead, the swatches work but display the color name on top, which appears awkward

Request:
The user wants to display plain color swatches with the material variant names (Yellow Gold, White Gold, etc.) without the color names appearing above them. They’ve attached two screenshots comparing their store with another store that has this feature properly configured and are seeking a solution to replicate that setup.

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

hello developers, i am having issue to set up color swatches my products. as i have 4 varients and i wanna use yellow, pink, white and black color for "yellow gold, rose gold, white gold and oxidized gold.
When i add varient in material it doesnt effect the color swatches and swatces remain transparent.

when i try to add color varients, it worked but the problem is it shows color name on top which is so awkword.

i want to adjust plain color with material varient name on it like yellow Gold, white gold etc,

please suggest me solution.

i do attached 2 screenshots, one of my store and one of another store which already have setup this thing

Store link

(df0a69.myshopify.com)