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

16 1 5

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
12289 2547 3698


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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Shopify Partner
4860 1001 1135

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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify