[Resolved] WooCommerce AJAX Add to Cart on Product Detail Page

[Allan]

Love the ‘Add to Cart’ behavior on our product archive page: https://workgadgets.ph/shop/

There’s AJAX add to cart. There’s an animating icon that changes to a checkmark after successfully adding. Most importantly, there’s the GeneratePress Cart Panel, to invite the buyer move forward with their order.

Interestingly, this feature isn’t running on the product detail page, such as this. The Add to Cart isn’t AJAX nor does the GP Cart Panel work.

Can the GP product archive Add to Cart be mirrored to the single product page?

Cheers!

[Elvin]

Hi there,

WooCommerce core function markup isn’t something the theme controls, unfortunately. Especially the parts with very specific functionality such as this.

This is the default behavior:
https://docs.woocommerce.com/document/configuring-woocommerce-settings/#product-settings-general-shop-pages

You may have to get a plugin for this to extend the ajax functionality of WooCommerce if you want it to apply on a single product page as well.

[Allan]

That’s clear.

Will look into a 3rd party plugin and hopefully they can integrate with the GP Cart Panel.

Thanks, Elvin!

[Elvin]

To help you out.

I did a quick search and it leads me to these.

Check if any of these articles provided by WooCommerce’s support are useful.
https://wordpress.org/support/topic/ajax-on-single-product-page/#post-10797497

[Allan]

Checking them out, thanks Elvin!

Will look through WooCommerce support resources, particularly in terms of duplicating the Product Archive add to cart behavior to the Single Product Detail Page.

I appreciate it.

[Elvin]

No problem. 😀

[Author]

Posts