Grey Out Add To Cart Button For Out Of Stock Variation Product

Hello,

Can the add to cart button be greyed out or removed for an out of stock variation product?

At the moment when a variation product is out of stock the add to cart button still hows even though the item cannot be added to the cart. It’s confusing for our customers.

Kind Regards

Little Panda

Hello,

Your requirements are not clear. Do you want to remove the add to cart button only for the variations which are out of stock and on the same product to show the add-to-cart button for in stock variations?

Best Regards.

Yes is that possible? Or grey out the out of stock variation products on the item?

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

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

Best Regards

Excellent that seems to work. Well worth the support renewal cost. Just about to renew for our third or fourth time.

Best woocommerce theme by far. Keep up the good work!

Hello,

Thank you for the kind words and continued support! We’re thrilled to hear it’s working well for you. We’re here whenever you need us—enjoy using the theme!

Best Regards

[Author]

Posts