Want To Add Extra Images Per Product Variation? Download This Free Plugin

Dropdown icon over swatch is preventing selection

Adam Jobbins

We’ve just noticed that a recent update somewhere seems to now show a dropdown icon over the top of each swatch, and this is preventing selection of the swatch other than the default variant.

Example here: https://biostart.co.nz/karbyon/ click on the ‘how to buy button’. This page is using the ‘Woo Product Add To Card’ module of the Divi theme.

I’ve done a plugin compatibility check by disabling all plugins apart from Woo Commerce and this one, and the behaviour persists. If I disable this plugin, the default behaviour returns of the variant being able to be selected from a dropdown, but we prefer the visual look of the swatches (love this plugin by the way).

The dropdown icon is also appearing over the swatches on the storefront page (https://biostart.co.nz/buy-online/), but for whatever reason, the variations are still selectable on that page, however this is not the way most of our customers are using the site, instead buying from a product specific page such as the one linked above.

I’m not 100% sure if this is being caused by this plugin, or perhaps something with the Divi theme itself (which I can’t disable without breaking the entire site), but your advice would be appreciated. I’ve checked the Divi forums and can’t find anyone else there reporting the issue.

Golam Kibria

Hi Adam,

Please try adding the following CSS to the customizer (Appearance > Customize > Additional CSS):

.et_pb_wc_add_to_cart form.cart .variations td.value span.variable-item-span:after {
display: none;
}

Let me know if the issue is resolved.

Thank You

Adam Jobbins

Many thanks. This has gotten rid of the little drop down icons, but the variation is still not selectable 🙁

On hover, it lights up, but clicking it does nothing

Golam Kibria

Hi Adam,

Please share the product link here so we can inspect the issue.

Thank You

Adam Jobbins

Thank you for your help. Looks like this is mainly an issue with the ‘Popups for Divi’ plugin we are using – when I disable that, the remaining issue goes away. Appreciate your assistance with removing the icons showing over the swatches

Golam Kibria

Hi Adam,

I am glad that you were quick to figure it out.

We really get excited & honored when you use our plugin on your site.

If you found my support helpful, could you leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Is there anything else we can do for you?

Thank You