WPIntell

Source evidence

How do I stop double-clicking to deselect a variation?

Variation Swatches for WooCommerce – Color, Image & Size Swatches · support · 2026-03-06T18:50:00+00:00

questionsentiment
mediumseverity
0.48relevance
3replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

4 / 11 rows with source links

36.4% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

7 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
Cristian-Mihai resolved
Hello, When I double click on a variation, it gets deselected and the general product image appears, the product price and the buy button disappear. I want double clicking on a variation to have no effect. How can I do this? Thanks! Hello @chrismb78 , Thank you for your question. Currently, there isn’t a built-in option to disable double-clicking or prevent deselecting a variation. However, you can achieve this with custom CSS by disabling clicks on the swatch that is already selected. This way, double-clicking won’t trigger the deselection, and the product image, price, and buy button will remain visible. Hope this helps. Hello, Thanks for the reply. I added this CSS code and it worked. Thanks! .cfvsw-swatches-option.cfvsw-selected-swatch { pointer-events: none; cursor: default; } Hello @chrismb78 , That’s great to hear! I’m glad the CSS solution worked and resolved the issue for you. If you run into any other questions, feel free to reach out anytime — I’ll be happy to assist. Best regards, Aamir

Comments

3 shown
Aamir 2026-03-09T09:53:00+00:00

Hello @chrismb78 , Thank you for your question. Currently, there isn’t a built-in option to disable double-clicking or prevent deselecting a variation. However, you can achieve this with custom CSS by disabling clicks on the swatch that is already selected. This way, double-clicking won’t trigger the deselection, and the product image, price, and buy button will remain visible. Hope this helps.

Cristian-Mihai 2026-03-09T14:01:00+00:00

Hello, Thanks for the reply. I added this CSS code and it worked. Thanks! .cfvsw-swatches-option.cfvsw-selected-swatch { pointer-events: none; cursor: default; }

Aamir 2026-03-10T10:16:00+00:00

Hello @chrismb78 , That’s great to hear! I’m glad the CSS solution worked and resolved the issue for you. If you run into any other questions, feel free to reach out anytime — I’ll be happy to assist. Best regards, Aamir