anmaree.annarbortees on "Hacking woocommerce plugin to show swatch color name when hovered or selected"

I have tried getting a hold of woocommerce directly on their forum for about a month now, and no luck. So I am coming to the Hackers to see if anyone else might be able to help me.

I have the woocommerce plugin and the woocommerce swatches and photos extension that shows swatches instead of variations as a drop down.

When hovering over the swatches and when a swatch is selected, I would like to be able to see the name of the color above the color table.

I have found this code:
<input id="attribute_pa_colors" type="hidden" value="sky" name="attribute_pa_colors"></input> in my element inspection and when I change hidden to visible I get close to what I am looking for. But exactly.

Can anyone please help me figure out how to make the names of the colors display above the color swatch table when hovered or selected.

here is a link to the page

please and thank you!