Return to previous page

Hide 'Add to Basket' button if Variation not selected

This topic has 3 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Olga Barlow

uspdesigns

Participant

October 12, 2016 at 22:59

Hi

Is it possible to hide the ‘Add to Basket’ button on the single product page if the variation of the product is not selected?

Screenshot: http://screencast.com/t/xY9DG88ctPJ

I have seen this many times in other woocommerce implementations.

Related article: http://stackoverflow.com/questions/29377643/woocommerce-always-showing-add-to-cart-button-even-before-variation-is-selected

#142503 Copied Theme version: 2.4 WooCommerce version: 2.6.4

2 Answers

uspdesigns

Participant

October 12, 2016 at 23:05

Ignore. Found the solution.

In Custom CSS, just add this:

.woocommerce-variation-add-to-cart-disabled {
display:none;
}

It works.

#142505 Copied

Olga Barlow

Support staff

October 13, 2016 at 11:10

Hello,

I’m glad that you sorted out. Feel free to contact us if you need any other help.

Regards

#142539 Copied
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Hide 'Add to Basket' button if Variation not selected’' has been successfully resolved, and the topic is now closed for further responses

Hide 'Add to Basket' button if Variation not selected

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection