[Ira Theme] How to show color name under color swatch?

16 1 6

Hi there,

Do you know how to get the color name to show up on a product page?


Currently, I have this:

Screen Shot 2021-10-11 at 11.15.39 PM.png


The goal is to have the name of the color at the top next to "Color", so it can become Color: Fog Gray, Color: Midnight Black, etc after people choose the swatch.

Store URL: https://www.mxt2510.com/password

Store Password: 4ufa83hplych


It might need JS for this to work but I'm hoping this can be done through HTML/CSS. Thanks!

Replies 2 (2)
Shopify Partner
10710 2339 3324


This is code HTML/CSS customization work .

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Shopify Partner
3756 744 785

Hi @Melody12,

It will be a complicated request since you need to edit the HTML and add JS code to display it.

I checked your source and didn't find any files to help you edit, this is probably because the theme has bundled them. So the best way is you need to contact Ira theme for support.

Or you can hire an expert at: https://community.shopify.com/c/Shopify-Ecommerce-Jobs/bd-p/shopify-job-board. They will help you quickly.

Hope it helps.

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!