WooCommerce Cart Shows Empty After Adding Products: Causes and Fixes

-

Quick Answer: How to Fix an Empty WooCommerce Cart

When customers add products to their cart but the cart page repeatedly shows as empty, the underlying issue is almost always caused by improper page caching or dropped PHP user sessions. Static caching layers (such as Varnish, Nginx FastCGI, or WordPress caching plugins) often serve a cached, static copy of the dynamic cart page or block the dynamic session cookies WooCommerce depends on.

Conceptual illustration depicting dynamic database session nodes around a shopping cart icon.

To fix this immediately: exclude the dynamic WooCommerce endpoints (/cart, /checkout, and /my-account) and the session cookie wp_woocommerce_session_ from all caching layers. If the issue persists, clear customer transients in WooCommerce settings and flush site rewrite rules by re-saving your WordPress permalinks.

Common Causes of the WooCommerce Empty Cart Issue

WooCommerce requires real-time server processing and cookie persistence to track user session data across pages. When products fail to persist in the shopping cart, the root cause usually falls into one of these categories:

  • Server or Plugin Caching: Caching the dynamic cart page prevents the web server from processing PHP code to display active session items.
  • PHP Session and Cookie Drops: Unconfigured PHP session save paths or browser cookie blocks prevent wp_woocommerce_session_ cookies from storing cart state data.
  • Unassigned Pages or Missing Shortcodes: If WooCommerce pages are unassigned or the cart page lacks the proper [woocommerce_cart] shortcode or block, items will not display.
  • Outdated Theme Overrides: Custom theme files overriding core WooCommerce templates in the /woocommerce directory can break cart mechanics following updates.
  • Broken Rewrite Rules: Corrupted permalink endpoint parameters can disconnect the add-to-cart action from the cart page redirect.

Step-by-Step Troubleshooting Guide

1. Exclude WooCommerce Pages and Cookies from Cache

According to official WooCommerce caching documentation, dynamic e-commerce endpoints must never be cached. If dynamic endpoints are cached, users will see static HTML renders rather than their active sessions.

Ensure your server configuration (such as Varnish or Nginx FastCGI) and WordPress caching plugins (like WP Rocket or W3 Total Cache) exclude the following pages from caching:

  • /cart/
  • /checkout/
  • /my-account/

Additionally, ensure your caching software excludes session cookies matching the pattern wp_woocommerce_session_. If you suspect your issue stems from caching layer mismatches on live pages, review our guide on Elementor changes not showing on live site for similar browser and server cache diagnostics.

2. Clear WooCommerce Transients and Sessions

If session data in the WordPress database becomes corrupted, users may be trapped in a state where items cannot attach to their session ID. According to the WooCommerce System Status documentation, you can clear this data directly from the WordPress administration dashboard.

Navigate to WooCommerce > Status > Tools and locate the following diagnostic utilities:

  • Clear WooCommerce Transients: Flushes internal product and session caches.
  • Clear Expired Transients: Removes outdated transient records from the wp_options table.
  • Clear Customer Sessions: Clears active cart sessions across the database.

Caution: Flushing customer sessions will immediately reset shopping carts for active site visitors and log them out of open shopping sessions.

3. Verify WooCommerce Page Assignments and Shortcodes

If WooCommerce does not know which page acts as the designated cart, adding products to the basket will fail to render data upon redirection.

  1. Go to WooCommerce > Settings > Advanced.
  2. Check the Page Setup tab to ensure the Cart Page is correctly designated.
  3. Navigate to Pages > All Pages and edit your designated Cart page.
  4. Ensure the content area contains either the core WooCommerce Cart Block or the classic shortcode: [woocommerce_cart].

4. Reset WordPress Permalinks

As detailed in technical breakdowns by Business Bloomer, endpoint space errors and broken URL rewrite rules can interrupt the add-to-cart process. Flushing permalinks refreshes these rewrite endpoints without destroying data.

  1. Log into your WordPress Dashboard.
  2. Navigate to Settings > Permalinks.
  3. Without changing any settings, scroll to the bottom and click Save Changes.

5. Test for Plugin and Theme Conflicts

Outdated theme files residing in your theme's /woocommerce directory can conflict with recent core WooCommerce updates. Additionally, security plugins or custom code snippets can inadvertently block session cookies.

  1. Temporarily switch your active theme to a core default theme such as Storefront or Twenty Twenty-Four.
  2. Deactivate all third-party plugins except WooCommerce.
  3. Open an incognito or private browser window and attempt to add a product to your cart.
  4. If the cart retains the product, reactivate your plugins one by one to identify the conflicting plugin.

If your store experiences broader checkout failures after fixing the cart, refer to our troubleshooting steps for WooCommerce checkout stuck loading.

When to Contact Hosting Support

If you have verified that dynamic pages are excluded from caching and sessions remain broken, the underlying issue may rest at the host environment level. Contact your web host support team to check the following server configurations:

  • PHP Session Path: Ensure the server's session.save_path directory is writable and configured properly.
  • Object Caching: Ask your host to flush server-side object caches (such as Redis or Memcached) that might be retaining stale session data.
  • Database Health: Request a check for corrupted tables if transient data fails to clear. If your database fails to connect entirely, check our tutorial on WordPress error establishing a database connection.

Sources & References

Comments

Post a Comment

Popular posts from this blog

Cloudflare Error 522 (Connection Timed Out): Causes and How to Fix It

-
If visitors to your site are seeing a page that says "Error 522: Connection timed out," the problem isn't with their browser or internet connection — it's with the connection between Cloudflare and your website's origin server. This error means Cloudflare tried to reach your server but never got a response in time. The good news is that Error 522 is usually fixable once you know where to look. This guide explains what triggers Error 522, walks through diagnostic steps in order from easiest to most technical, and shows you how to confirm the fix worked. Quick Answer Error 522 happens when Cloudflare cannot complete a TCP connection with your origin server within its timeout window. The most common causes are an overloaded or crashed server, a firewall blocking Cloudflare's IP addresses, incorrect DNS records pointing to the wrong server, or network-level congestion between Cloudflare and your host. Start by checking whether your server is actually online ...
Read more

WooCommerce Checkout Stuck Loading: Causes and How to Fix It

-
When a WooCommerce checkout page gets stuck on an endless loading spinner, customers cannot complete purchases, calculate shipping, or view available payment gateways. Because this glitch directly interrupts transactions, resolving it quickly is critical to preventing lost revenue and cart abandonment. Quick Answer: How to Fix a Stuck WooCommerce Checkout An endless checkout spinner usually indicates that an asynchronous JavaScript (AJAX) request to the ?wc-ajax=update_order_review endpoint has failed, stalled, or returned invalid data. Follow these quick troubleshooting steps to identify and resolve the failure: Inspect Browser DevTools: Open the Network and Console tabs to inspect the update_order_review call for JavaScript syntax errors, 403 Forbidden statuses, or 500 Internal Server errors. Match Site URLs: Go to Settings > General in WordPress and verify that WordPress Address (URL) and Site Address (URL) share the exact same protocol ( https:// ) and domain ...
Read more

Shopify Checkout Not Working: Causes, Diagnostics, and Fixes

-
Image
Quick Answer When a Shopify checkout stops working, the issue is usually tied to inactive or misconfigured payment gateways, missing shipping rates for specific geographic zones, or third-party app script conflicts. To resolve the failure quickly, first check the Abandoned checkouts section in Shopify Admin to identify exact payment decline codes. Next, verify that your active payment provider credentials are correct and ensure that your shipping profiles contain valid rates for all target regions. If the checkout button is unresponsive, preview your store using an unmodified default theme (such as Dawn) to test for app or custom code conflicts. Common Symptoms Checkout failures on Shopify manifest in several distinct ways depending on the underlying technical cause: Payment Failure Banner: Buyers see the explicit message "This store is currently unable to accept payments" upon proceeding to checkout. Shipping Error at Checkout: The system displays an error stating that...
Read more