Endless loading/spinner on checkout page

oh, forgot to mentioned, the woocommerce dashboard can still receive order event the checkout page was spinning. And Customer notification email also worked fine.

Hi there ??

This kind of problem is usually caused by a conflict with your theme or with another plugin.
?
The best way to determine this is to:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

Before you start

First, please make sure you have a good backup in place of your full site and database. Most hosting companies have this included in the subscription, but you could also consider using a service like?Jetpack. If something goes wrong, it’s nice to know that you can restore your site.

Second, I would suggest installing a plugin called?Health Check & Troubleshooting. This is a plugin developed by the WordPress community and it allows you to disable plugins without affecting your current site visitors.

Cheers.

Hi,

I just used Health Check & Troubleshooting to chekc each plugin and theme by deactiativing them one by one. The problem still exists. Any other idea about this issue?

Thank you.

Hi @gong8451min,

Kindly share with us your site’s URL so that we can check on our side as well.

Thanks.

My site still in production and I prefer not to share url in public. Can I have a private form to submit my site url?

Thank you so much

Hi there,

The public support forums do not have any private forms or private support options. If you would prefer private support to have someone troubleshoot your site, I’d recommend reaching out to hire one of the vetted WooCommerce developers here: https://woocommerce.com/customizations/

If you are using paid extensions from the WooCommerce.com marketplace, then you can open a support request under the account where you purchased the extensions: https://woocommerce.com/my-account/create-a-ticket/?form=ticket

Otherwise, this would be the best place for support with the core WooCommerce plugin. We would need to be able to take a look at the site to assist further though, and the URL would need to be provided here for us to do that.

One note, you mentioned using Health Check to check each plugin/theme one by one. Sometimes the Health Check plugin is not sufficient for troubleshooting though, and it’s necessary to do a real conflict test. To avoid affecting your customers, you may want to do this on a test/staging site. If you don’t have one already, your hosting company might offer one as part of your package. Alternatively, you can use a free plugin like https://www.ads-software.com/plugins/wp-staging/

On the staging site, I’d recommend deactivating ALL PLUGINS aside from WooCommerce and switching back to the default Storefront at the same time (not one by one), then checking again to see if you still have the same issue. If so, please send the URL to the staging site (so you don’t have to share the Live site’s URL). Also, please leave only Woo + Storefront active.

Hi,

I used WP staging to create a simple stage site, I only keep woocommerce+ woocommerce stripe gateway (because all my payment go through stripe) plugins and storefront theme.

I tested the checkout page, the endless spinning still there. Here is my staging site url:https://wp.deconova.ca/deco-nova.

Please note my cart page was build with woocommerce block plugin and I already deactivated it. So when you add product in cart, there will be empty in cart but you still can use checkout page since I already replace woocommerce block with origin woocommerce checkout shortcode.

Hi @gong8451min,

As advised by my colleague can you please test the checkout functionality with only the Storefront theme and WooCommerce active?

When you hit the Place Order button if all is working fine then you will know that the issue is related to the Payment Gateway plugin. Are you using this plugin or a different one?

Please also make sure the Checkout page is not being cached at the server. Contact your hosting company that will be best placed to assist with this.

Thanks.

Hi,

Already deactived Woocommerce Payment Gateway plugin, problem still exist.

Hi @gong8451min,

Thanks for the update.

Just so you know, we have support documentation for troubleshooting the endless loading/spinner on the checkout page that it’s worth checking out:

https://docs.woocommerce.com/document/endless-loadingspinner-on-the-checkout-page/

Hope this will help solve the issue.

Yes, I firstly checked your support document and found it didn’t solve my problem.

Please refer to my first comment above and I copied and pasted here

“I also looked up woocommerce doc and checked this page in my chrome dev tool. In the “Network section”, the checkout request error code is 503 and the response for this POST request is html instead of JSON format. According to doc, it could be index.html prioritizing over index.php. But it doesn’t seems to be this problem in server. Is there any other reason could cause this?”

So I checked my apache server, the default index file is index.php and I also deleted other index.html file.

I also checked my console log in chrome dev tool. The response for POST request was

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>503 Service Unavailable</title>
</head><body>
<h1>Service Unavailable</h1>
<p>The server is temporarily unable to service your
request due to maintenance downtime or capacity
problems. Please try again later.</p>
<hr>
<address>Apache Server at wp.deconova.ca Port 443</address>
</body></html>

Here are complete request header:

General:

Request URL: https://wp.deconova.ca/deco-nova/?wc-ajax=checkout
Request Method: POST
Status Code: 503 
Remote Address: 206.116.161.246:443
Referrer Policy: strict-origin-when-cross-origin

Response Header
content-length: 364
content-type: text/html; charset=iso-8859-1
date: Fri, 30 Jul 2021 01:05:48 GMT
server: Apache

Request Header

:authority: wp.deconova.ca
:method: POST
:path: /deco-nova/?wc-ajax=checkout
:scheme: https
accept: application/json, text/javascript, */*; q=0.01
accept-encoding: gzip, deflate, br
accept-language: en-US,en;q=0.9
content-length: 428
content-type: application/x-www-form-urlencoded; charset=UTF-8
cookie: woocommerce_items_in_cart=1; woocommerce_cart_hash=e5fd5952548620473e540bb319763e04; wordpress_test_cookie=WP%20Cookie%20check; wordpress_logged_in_bc2af1907cc23c2b7fd1f5ff63ec8277=info%40playheads.ca%7C1627773550%7CxlRtBxpCQhW3ojkRVpwI2UB4HX9VXPSHsu8eJsTeM5W%7C53c355330f764397ac2fc5d224657854918f52181a480dec44ed6a4560f8f458; tk_ai=woo%3A72hhK%2FEwp5bq%2Bpn39AmrTVqF; wp_woocommerce_session_bc2af1907cc23c2b7fd1f5ff63ec8277=1%7C%7C1627754983%7C%7C1627751383%7C%7C9fa6a2b55f4595b9225de9435f3b20bd; collect_chat_page_load=408; collect_chat_launcher_load=407; tk_or=%22%22; tk_lr=%22%22; wp-settings-time-3=1625073918; __stripe_mid=9bc0d4cb-bb71-4aab-a6a2-8683743e91a1bbd447; DOPBSP_reservations_calendar=1; DOPBSP_reservations_status_rejected=false; DOPBSP_reservations_status_pending=false; DOPBSP_reservations_status_canceled=false; DOPBSP_reservations_status_expired=false; DOPBSP_reservations_per_page=25; DOPBSP_reservations_order_by=check_in; DOPBSP_reservations_order=ASC; DOPBSP_reservations_view=calendar; DOPBSP_reservations_status_approved=true; DOPBSP_reservations_payment_methods=none; _ga=GA1.2.725913836.1625863710; collect_chat_closed=15; wp-settings-time-7=1627326956; tk_r3d=%22%22; wp_woocommerce_session_a0c0efd9800fdc07f9e5c8e527f414c9=1%7C%7C1627669078%7C%7C1627665478%7C%7Ccbca0b5872384b1522ee0e18b9f256f4; mailchimp_landing_site=https%3A%2F%2Fwp.deconova.ca%2Fwp-login.php%3Fredirect_to%3Dhttps%253A%252F%252Fwp.deconova.ca%252Fwp-admin%252Foptions-general.php%253Fsettings-updated%253Dtrue%26reauth%3D1; wp_woocommerce_session_40b4a658e7240bfb6eb1a96a137102d8=1%7C%7C1627679697%7C%7C1627676097%7C%7C151d72c0ac0d0655d4a334d0d450e831; wp-settings-1=libraryContent%3Dbrowse%26editor%3Dtinymce%26hidetb%3D1%26editor_plain_text_paste_warning%3D1%26mfold%3Do; wp-settings-time-1=1627575693; collect_chat_page_load=408; collect_chat_launcher_load=407; PHPSESSID=4mkgum51g8eougg9cr8hooa4bf; woocommerce_items_in_cart=1; woocommerce_cart_hash=a82b16eb63ce541620eecef29ae48d18
origin: https://wp.deconova.ca
referer: https://wp.deconova.ca/deco-nova/?page_id=12
sec-ch-ua: "Chromium";v="92", " Not A;Brand";v="99", "Google Chrome";v="92"
sec-ch-ua-mobile: ?1
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Mobile Safari/537.36
x-requested-with: XMLHttpRequest

Query String Parameters
wc-ajax: checkout

Form Data

billing_first_name: Min
billing_last_name: Gong
billing_company: 
billing_country: CA
billing_address_1: 8451 No. 3 Road
billing_address_2: 
billing_city: Richmond
billing_state: BC
billing_postcode: V6Y 2E6
billing_phone: 6047206058
billing_email: [email protected]
order_comments: 
payment_method: cod
terms: on
terms-field: 1
woocommerce-process-checkout-nonce: 9338e7729b
_wp_http_referer: /deco-nova/?wc-ajax=update_order_review

Site Health Data in case you need

### wp-core ###

version: 5.8
site_language: en_US
user_language: en_US
timezone: America/Vancouver
permalink: undefined
https_status: true
multisite: false
user_registration: 0
blog_public: 0
default_comment_status: open
environment_type: staging
user_count: 5
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /www/wwwroot/wp.deconova.ca/deco-nova
wordpress_size: loading...
uploads_path: /www/wwwroot/wp.deconova.ca/deco-nova/wp-content/uploads
uploads_size: loading...
themes_path: /www/wwwroot/wp.deconova.ca/deco-nova/wp-content/themes
themes_size: loading...
plugins_path: /www/wwwroot/wp.deconova.ca/deco-nova/wp-content/plugins
plugins_size: loading...
database_size: loading...
total_size: loading...

### wp-active-theme ###

name: Storefront (storefront)
version: 3.7.0
author: Automattic
author_website: https://woocommerce.com/
parent_theme: none
theme_features: core-block-patterns, widgets-block-editor, post-thumbnails, automatic-feed-links, custom-logo, menus, html5, custom-background, custom-header, site-logo, title-tag, customize-selective-refresh-widgets, wp-block-styles, align-wide, editor-styles, editor-font-sizes, editor-style, responsive-embeds, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, starter-content, widgets
theme_path: /www/wwwroot/wp.deconova.ca/deco-nova/wp-content/themes/storefront
auto_update: Disabled

### wp-themes-inactive (4) ###

Hello Elementor: version: 2.3.1, author: Elementor Team (latest version: 2.4.1), Auto-updates disabled
Twenty Nineteen: version: 2.0, author: the WordPress team (latest version: 2.1), Auto-updates disabled
Twenty Twenty: version: 1.7, author: the WordPress team (latest version: 1.8), Auto-updates disabled
Twenty Twenty-One: version: 1.3, author: the WordPress team (latest version: 1.4), Auto-updates disabled

### wp-mu-plugins (1) ###

Health Check Troubleshooting Mode: author: (undefined), version: 1.7.2

### wp-plugins-active (1) ###

WooCommerce: version: 5.5.2, author: Automattic, Auto-updates disabled

### wp-plugins-inactive (39) ###

Akismet Anti-Spam: version: 4.1.10, author: Automattic, Auto-updates disabled
All-in-One WP Migration: version: 7.45, author: ServMask, Auto-updates disabled
All-in-One WP Migration Unlimited Extension: version: 2.42, author: ServMask, Auto-updates disabled
Bookly: version: 20.0, author: Bookly, Auto-updates disabled
Bookly Multiply Appointments (Add-on): version: 2.4, author: Bookly, Auto-updates disabled
Bookly Pro (Add-on): version: 4.0, author: Bookly, Auto-updates disabled
Bookly Special Hours (Add-on): version: 2.7, author: Bookly, Auto-updates disabled
Call Now Button: version: 0.4.3, author: Jerry Rietveld, Auto-updates disabled
Collect.chat Chatbot: version: 2.2.8, author: Collect.chat Inc., Auto-updates disabled
Coming Soon Page, Maintenance Mode & Landing Pages by SeedProd: version: 6.6.0, author: SeedProd, Auto-updates disabled
Cost of Goods for WooCommerce: version: 2.4.4, author: WPFactory, Auto-updates disabled
Creative Mail by Constant Contact: version: 1.4.2, author: Constant Contact, Auto-updates disabled
DethemeKit for Elementor: version: 1.5.6.1, author: deTheme, Auto-updates disabled
Elementor: version: 3.3.1, author: Elementor.com, Auto-updates disabled
Elementor Pro: version: 3.3.4, author: Elementor.com, Auto-updates disabled
Envato Elements: version: 2.0.9, author: Envato, Auto-updates disabled
Essential Addons for Elementor: version: 4.8.2, author: WPDeveloper, Auto-updates disabled
Events Manager: version: 5.10, author: Marcus Sykes, Auto-updates disabled
Facebook for WooCommerce: version: 2.6.1, author: Facebook, Auto-updates disabled
Flexible Shipping: version: 4.7.1, author: WP Desk, Auto-updates disabled
Google Listings and Ads: version: 1.3.0, author: WooCommerce, Auto-updates disabled
GTranslate: version: 2.9.1, author: Translate AI Multilingual Solutions, Auto-updates disabled
Health Check & Troubleshooting: version: 1.4.5, author: The www.ads-software.com community, Auto-updates disabled
Jetpack: version: 9.9.1, author: Automattic, Auto-updates disabled
Mailchimp for WooCommerce: version: 2.5.1, author: Mailchimp, Auto-updates disabled
MailPoet 3 (New): version: 3.65.1, author: MailPoet, Auto-updates disabled
Post Type Switcher: version: 3.2.1, author: Triple J Software, Inc., Auto-updates disabled
Regenerate Thumbnails: version: 3.1.5, author: Alex Mills (Viper007Bond), Auto-updates disabled
Site Kit by Google: version: 1.37.0, author: Google, Auto-updates disabled
Temporary Login Without Password: version: 1.6.14, author: StoreApps, Auto-updates disabled
WooCommerce Blocks: version: 5.5.1, author: Automattic, Auto-updates disabled
WooCommerce Payments: version: 2.7.1, author: Automattic, Auto-updates disabled
WooCommerce Shipping & Tax: version: 1.25.17, author: WooCommerce, Auto-updates disabled
WooCommerce Stripe Gateway: version: 5.3.0, author: WooCommerce, Auto-updates disabled
WPC Product Bundles for WooCommerce: version: 5.7.7, author: WPClever, Auto-updates disabled
WP Mail SMTP: version: 2.9.0, author: WPForms, Auto-updates disabled
WP STAGING: version: 2.8.5, author: WP-STAGING, Auto-updates disabled
Yoast Duplicate Post: version: 4.1.2, author: Enrico Battocchi & Team Yoast, Auto-updates disabled
Yoast SEO: version: 16.8, author: Team Yoast, Auto-updates disabled

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1690
imagemagick_version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org
imagick_version: 3.4.4
file_uploads: File uploads is turned off
post_max_size: 10240M
upload_max_filesize: 10240M
max_effective_size: 10 GB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 122 MB
	imagick::RESOURCETYPE_DISK: 1073741824
	imagick::RESOURCETYPE_FILE: 768
	imagick::RESOURCETYPE_MAP: 512 MB
	imagick::RESOURCETYPE_MEMORY: 256 MB
	imagick::RESOURCETYPE_THREAD: 4
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: unknown

### wp-server ###

server_architecture: Linux 5.8.0-63-generic x86_64
httpd_software: Apache
php_version: 7.4.14 64bit
php_sapi: fpm-fcgi
max_input_variables: 1000
time_limit: 300
memory_limit: 10240M
max_input_time: 60
upload_max_filesize: 10240M
php_post_max_size: 10240M
curl_version: 7.70.0 OpenSSL/1.0.2u
suhosin: false
imagick_availability: true
pretty_permalinks: true

### wp-database ###

extension: mysqli
server_version: 10.4.15-MariaDB-log
client_version: mysqlnd 7.4.14

### wp-constants ###

WP_HOME: https://wp.deconova.ca/deco-nova
WP_SITEURL: https://wp.deconova.ca/deco-nova
WP_CONTENT_DIR: /www/wwwroot/wp.deconova.ca/deco-nova/wp-content
WP_PLUGIN_DIR: /www/wwwroot/wp.deconova.ca/deco-nova/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 10240M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable

Hi there ??

Thank you very much for the additional information!

In order to help you to troubleshoot this issue, we would need the WooCommerce Logs, as they have a more detailed information about your store and environment. So please share the following logs:

• System Status: found under WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.
• Error log: found under WooCommerce > System Status > Logs

Thank you!