Place Order button keeps loading

Hi there,

I tried adding a test product to the Cart and proceeded to Checkout, and saw the loading “Place Order” button issue you were referring to.

I also see there are some errors in the browser console, and you also appear to have a fairly custom Checkout flow.

The issue you are seeing and the errors in the console are most likely coming from a conflict with code in either your theme, or another active plugin on the site.

To check for conflicts, please temporarily switch your theme back to Storefront and disable all plugins except for WooCommerce, then check to see if the issue is fixed. If it is, then you can switch your theme back and reactivate plugins one-by-one until you find the one that is causing the issue.

You can read about testing for conflicts in our documentation here:
https://docs.woocommerce.com/document/how-to-test-for-conflicts/

Please let me know how that goes, or if you have any questions!

Thanks! Looking at the console, it seems like the wc-ajax=update_order_review is stalling up.

Just to make sure: Is ajax=update_order_review working as expected after doing that conflict test that @kellymetal asked for?

Hi,

Did that using health check plugin troubleshooting.
Enabled just the theme (Ciyashop child) and Woocommerce.

However, did not managed to see the products and not able to add to cart.
Thus, unable to proceed into Place Order checkout plage.

Hi there,

Thank you for confirming that — you tested with WooCommerce and your custom child theme.

As mentioned though, issues like the one you were seeing are quite often caused by conflicts with code in custom themes.

In your last reply, do you mean that when you deactivate other plugins you are no longer able to see your products or add them to cart? If all of your products are a special product type coming from a different plugin, then that could cause issues. If that’s the case, then please test with just a simple product from the core WooCommerce plugin to see if that shows up.

I just took a look at the site again, and am no longer seeing the “spinning forever” issue on the “Place order” button. So that is a good sign. I’m unable to proceed without registering/logging in so, it’s hard to tell, but hopefully you’ve already resolved this.

Link to image: https://d.pr/i/DRcQS4

If you are still having issues though, please test with only WooCommerce and the default Storefront theme to see if that resolves the issue.

Thanks @kellymetal.
What we did is to remove the spinning circle on the Place order button from css.

.blockUIblockOverlay {
  z-index: -1;
}

It’s not perfect as I think the issues is still there just that we took out the spinning circle to allow user to click on it.

Hi @deschong,

I’m happy you were able to find a resolution for this. If you do want to look at what may be causing this in the theme, you may be able to troubleshoot the specific functions used by the theme. It’s similar to troubleshooting plugins. You would need to comment out the functions and test.

Then remove the comments one by one to enable the functions. When checkout works again, the last function activated may be causing the trouble.

I’m going to mark this resolved for now. If you do have any other questions, please feel free to reach back out.

Cheers