Add to cart pop up animation adding to the add to cart form

[oriol]

HI there, please see here:

https://smallcakesmd.com/shop/

If you click add to cart, there is a cool popup animation (this is fomr the crafty demo)

However, this doesnt work on the add to cart form, on the single product page:

https://smallcakesmd.com/product/single/

On the add to cart button I noticed it has this class: “add_to_cart_button ajax_add_to_cart”

I added this to the cart form, and it kinda works, but not…you will see what I mean.

Thanks.

[ruenel]

Hello Oriol,

Thanks for writing in! Regretfully, the AJAX add-to cart is only applicable for specific pages such as the shop page or archive page. It’s not applicable for single-product displays. You can actually find the setting to turn ON/OFF the Add to Cart AJAX in WooCommerce > Settings > Products > General.

Perhaps, this article might interest you:

• WooCommerce Tutorials - AJAX Add to Cart on the Single Product Page (elartica.com)

Be advised that custom coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Thanks.

[oriol]

But on the homepage, it works…I was hoping to apply it to the ad to cart form on the singles. If I cant I cant, no worries.

[ruenel]

Hello Oriol,

The Add to cart button on your homepage works the same as the add to cart button on your shop page. You will need extra codes to make it work on single product pages. This is how WooCommerce has designed the behavior of the button. Regretfully modifying this behavior is way beyond the scope of our support and considered custom development already.

Thank you for your understanding.

[oriol]

Understood. Thanks.

[ruenel]

You’re welcome.