Fixing WooCommerce Endless Loading spinner, Check out page loads the payment methods/totals via ajax – this display a loading spinner briefly. If there are problems using it on your checkout page using the WooCommerce WordPress plugin, this section may fail to load, or the spinner may remain.
WooCommerce Endless Loading Spinner
First, you should check WooCommerce > System Status for errors – often, mistakes will be highlighted.
Still, having problems? Common causes and resolutions are listed below.
AJAX error due to WordPress settings.
The URLs in Settings > General need to match – this is because AJAX requests don’t work across different domains:
Other JavaScript errors and conflicts
Themes and plugins can often cause problems (especially poorly coded ones!) with JavaScript. Check for errors using your browser’s error console to check and fix the WooCommerce endless loadings spinner.
Invalid Response from an AJAX Call
View the XHR tab on your browser’s developer console and look at the response. The expected response would be JSON. If the answer is HTML, this can be up by several different things. Often this is present by an index.html file in the root directory of the WordPress installation.
This can have a fix by either removing the index.html file or by adjusting the indexes directive on the server configuration and prioritizing index.php over index.html. Some caching plugins will also prepend HTML to the JSON response.
You may also see a response of -1. This is a security failure and is caused by a cached nonce.
You can also check for conflicts by turning off other plugins and switching to the default WordPress theme – this will often reveal the problem.
WP Memory Limit Check to Fix WooCommerce Endless Loading Spinner
We recommend at least 64MB. See: Increasing the WP Memory Limit
This is a common question from Woocommerce users. If you visit the Woocommerce support page, they will say that you must keep the default theme storefront and should not use any other plugins. But the reality is different. Some troubleshooting sites, including Stackoverflow, mentioned the Ajax issue, which I think is an older issue that has since been fixed.
A recent post on the Woocommerce forum states that the site URL and WordPress URL should be the same. This doesn’t make sense, as users may use their store in different folders or subdomains. Anyway, I understand that you can look for a test and try the method.
You can fix the infinite loading spinner on Woocommerce order page by removing the Smart Payments button or the Paypal button from Woocommerece settings page. Go to Woocommerece > Settings > Payments and disable Paypal Smart Payment Buttons / Paypal Buttons. This may vary depending on the plugins and payment methods present. Finally, fixing the WooCommerce endless loading spinner.
If you have this issue and fixed in another way or have questions, feel free to write them up on the comments section
