How to Show Color Text on selection of swatch color

Store Design
1

Need Help with the following :

I have a working swatch on the product page..

On selecting the color dot the image changes..

Need help with the following -

  • When the Color Dot is Selected..
    • The Text next to Color should also change
    • eg. When Blue Dot is selected.. the Text next to Color should change like.. Color : Blue
    • and when Red Dot is Selected .. The Text next to Color Should change like… Color : Red

Appreciate all the help ..

Screen Shot 2022-02-05 at 10.21.51 PM.png
Screen Shot 2022-02-05 at 10.21.51 PM.png402×135 5.45 KB

On Selecting another color.. the text does not change..

Need help to change the text..

2

@wearstyle You can change it through JS, on variant change event you can get the element and change its text.

3

Thank you for the response..

Will help.. if you could guide as to how this is done..

I am on the Dawn Theme..