Hacking woocommerce plugin to show swatch color name when hovered or selected (2 posts)

  1. anmaree.annarbortees
    Posted 2 years ago #

    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!

  2. kavita krishnamurthi
    Posted 1 year ago #

    I found that you already achieve that on your given link page...
    can you explain how you do that??

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.