Attribute name in the filter area

Hi,
I need the same peace of JS code which you are using here : -> https://prntscr.com/1rhx0c1

to put it into the filter widget area in here: -> https://prntscr.com/1rhx6gv

I’m hiding traditional text with css by doing this :

.woodmart-woocommerce-layered-nav .show-labels-off .wc-layered-nav-term:not(.with-swatch-text) .layer-term-name {
display: none;
}

so instead, I want to make JS call the class (<span class=”layer-term-name”>White</span>) where the attribute name is located every time when the customer will hover over the filtered image.

Please help me to achieve it as I can’t find that source code part to put in Custom JS.

Thanks

Hello,

Could you please send us a link to your variable product so we can check how it works for you now?

Kind Regards

Hi,
Please have a look at the left side of the panel (colors filter), and bellow the product where you can see the color just hover it and you will see the name I want same behavior in the filter color section. Or please provide JS code of existing block where hover is working.

Thank you.

Make sure that you have enabled this option for the filter widget https://monosnap.com/file/8fAHdyfZa906bG2YWQtaPQRBHlad51

Thank you very much, Artem, that helped me

You are welcome!

[Author]

Posts