Hide Add to Cart Button when no variation selected

[Fascineight]

Hi All,

Sorry if I’m doubling up on this ask. Couldn’t find what I was looking for.

Currently have a site with store that has variable products. Using the Add To Cart Button element, if the user has not select a variation the theme blurs the quantity/add to cart button.

I can’t use the conditions as this removes the entire button feature. We are using swatches to replace the dropdown so you can see which option to select.

Is it possible to hide the Quantity and Add to Cart button until a variation has been selected at that point it would appear as normal? Please let me know, this would be great if we can make it happen.

Cheers,
Jonathan

[ruenel]

Hello Jonathan,

Thanks for writing in! Please be informed that the Add To Cart Button element is only good for simple products. If you have variable Products, you will have to use the “Add to Cart Form” element instead.

• Add to Cart Form | Themeco Docs

Best Regards.