WC Variations not displaying on checkout page when using Single Product Layout

[cdyproductions]

Hi,

Issue: Product Variations not displaying in Cart page.

I’ve used a Variable Product in Woocommerce and a Layout for the single product page.

Most adjustments to this Layout have been cosmetic, but I also removed the add to cart button class in order to disable the ajax. This has caused an error when adding a product to cart saying that no variation was selected (even though it was). When I do enable ajax it doesn’t pull through the product variation selected in the car/checkout/emails.

When I deactivate the Single Product Layout and add an item to cart it displays with the attribute selected in the Cart page. For example if Size is M it will come up with an M at the end of the product name.

When I use the Single Product Layout the variation does NOT display in the cart. It also doesn’t come through in the checkout confirmation or email receipts at all.

Here is a quick video: https://www.loom.com/share/b5c8afd3fe7845b1989674396998ff3f

Please let me know if you’ve come across this issue before and if there is a fix. I can also give access if needed.

Here is the URL: https://gypsy.spiralorbdesigns.com/product/sun-breathing-68

Cheers,
David

[tristup]

Hi David,

Thanks for reaching out.
I have thoroughly checked the single product page and found that you have added the Add to Cart Form element and hidden the Add to Cart button of the form. And added another Button element with the link ?add-to-cart=111, which does not include the variation and that is why, when it clicked it is asking for the variation.

I have modified the CSS code using the Browser Debugger and set the Add to Cart button within the form visible and it worked properly. I would suggest you use the same button for the variable products.

Thanks

[cdyproductions]

Ahhhhh thank you so much @tristup ! I couldn’t work that out for the life of me.

Cheers,
David

[ruenel]

You are most welcome, Claudio.