fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Item selected unclear

Borislav Sinik

Hi,

Note that when choosing size it can be difficult to see whether it is actually chosen or not.
In photo 1 both colour and size are chosen and the “Add to cart” button is working.
In photo 2 colour has been chosen but not size, although the border colour around size variation seems to indicate that it is chosen. The “Add to cart” button is faded.

This happens when you click on a size variation, and then click on it a second time. The plugin understands the second click as if one has not chosen it, yet the border colour remains. Can you find a solution to this as it may be confusing to clients?

Bes1.png2.pngt Regards
Boris

 

 

 

Hakik Zaman

Hi Borislav,

Thanks for reaching out to us. A border is there because of “Web Accessibility” compatibility.

This means the last action was made on that button. If you want to remove that, please give us an exact link to a product. We can give you a CSS snippet to remove the focus.

Thank You

Hakik Zaman

Hi Borislav,

Please try the below CSS at Appearance > Customize > Additional CSS

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.selected):not(.radio-variable-item):focus {
-webkit-box-shadow: 0 0 0 1px #000;
box-shadow: 0 0 0 1px #000;
}

Also note that the url remains the same if you click/unclick the size box.

It is not happening from my side. Please clear your caches or try it on incognito mode. Here is a screenshot: https://prnt.sc/wA3Q0cR7w1C7

Thank You