WooCommerce Checkout 'Your Order' Section Stuck on Spinning Icon After Update? Fix for 8.5.0+

The Issue: Checkout 'Your Order' Section Never Loads

After updating WooCommerce to version 8.5.0 or later, many store owners reported that the 'Your Order' section on the checkout page remains greyed out with a persistent spinning loader. Customers cannot see their order summary, payment buttons are unresponsive, and checkout stalls. The problem typically appears when using credit/debit card payment gateways (like Stripe or Square) but can happen with any gateway. Rolling back WooCommerce to 8.4.1 often restores functionality, indicating a regression in the checkout order review AJAX handling. The root cause is usually a conflict between WooCommerce's updated checkout logic (which defers order creation) and an outdated payment gateway plugin or a theme that overrides checkout templates. The most direct fix is to ensure all payment gateway plugins and your theme are fully updated. If updating doesn't help, you can force the classic checkout template or hook custom JavaScript to refresh the order review fragment.

Step-by-Step Solution

• 1Update all plugins (especially payment gateways) and your theme to the latest versions.
• 2Switch to a default WordPress theme (e.g., Storefront) to rule out theme conflicts.
• 3If the issue persists, deactivate all plugins except WooCommerce and your payment gateway, then re-enable one by one.
• 4If you use the WooCommerce Cart & Checkout blocks, switch to the classic shortcode checkout (use the [woocommerce_checkout] shortcode).
• 5Clear browser cache and server cache (e.g., WP Rocket, Cloudflare).
• 6If the problem remains, add the provided code snippet to your child theme's functions.php or a custom plugin.
• 7Test the checkout process with a test order to confirm the fix.

/**
 * Force WooCommerce to use legacy checkout template if new template causes spinning.
 * Place this code snippet in your child theme's functions.php or via a code snippet plugin.
 */
add_action( 'wp_enqueue_scripts', 'fix_checkout_order_review_spinning', 100 );
function fix_checkout_order_review_spinning() {
    if ( is_checkout() && ! is_wc_endpoint_url() ) {
        // Remove the default checkout block scripts and enqueue legacy shortcode script
        wp_dequeue_script( 'wc-blocks-checkout' );
        wp_enqueue_script( 'wc-checkout' );
        
        // Optionally trigger a refresh of the order review after page load
        ?>
        <script type="text/javascript">
        jQuery( function( $ ) {
            $( document.body ).on( 'updated_checkout', function() {
                $( '.wc-block-components-order-summary' ).block( {
                    message: null,
                    overlayCSS: {
                        background: '#fff',
                        opacity: 0.6
                    }
                });
                $( document.body ).trigger( 'update_checkout' );
            });
        });
        </script>
        <?php
    }
}

Final Recommendation