I am using variable products to sell pictures where people can choose which type of finish and size they would like. But I cannot disable the Add to Cart popup button. When you click on it, it errors out because it’s a variable woocommerce product. So how do I disable the button altogether?
Link in question: https://infinaprint.com/product-category/tetons/
Hello Clay,
Thanks for writing in! To resolve your issue, click the “Add to Cart” button and in the button element settings, Add to Cart > Customize, go to the “Customize” tab. You will have to add a condition, “Product Type is not Variable” so that the button will not display once the product has variation.
For more details about the element conditions, please check this document:
Best Regards.
Hey Ruenel I appreciate your response. I’m not sure how to use the conditions builder because the issue isn’t on an individual page or product, it’s on the Woocommerce category page. For example this URL: https://infinaprint.com/product-category/moab/ is built from all products with the category Moab. But I don’t know how to access the Conditions of that page as I can’t use the X Pro theme builder to edit a Woocommerce built category page. Does that make sense?
Hi Clay,
Actually, you can, please see PRO > Layouts. As from what we can see all your categories pages are using the same Layout.
Please note that it’s not the assignment of the Layout that you’re trying to put a condition here, but the Visibility of the Add to Cart button which you can see under the customize tab of that element (https://i.imgur.com/fH11cz0.png).
What Ruenel is trying to say is you can not have that Add to Cart button visible all the time as you have variable products hence what your issue is now.
So the Add to Cart button element should have a condition to show only if the product type is not variable (see Ruenel’s screenshot above).
If all your products are variable products, then you need to replace the Add to Cart button element with a Add to cart form element (https://i.imgur.com/mbblwNM.png) this element will output the product options instead of only a Add to Cart button.
Let us know if something is not clear.
Cheers,
Thanks Guys! That worked, for real thank you for taking the time, much appreciated
Glad that we could be of help.
Cheers!
does there need to be a specific looper/provider setup? Is there a way to have it list out variables instead of a drop down?
HI @bobbyoliveri,
It could be best that you create your own thread and ask your question there. In that way, we can better understand and help with your problem.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
