How To Fix “Empty Cart” WooCommerce Error
If you are running a WooCommerce website, you may have come across the dreaded Your cart is currently empty error. The reason for this error can be anything from an expired SSL certificate to your hosting server not being able to handle the traffic. This post will walk through some of the most common causes and solutions for this problem.
This issue may appear from different reasons, such updating the WooCommerce plugin, updating the WordPress version, a plugin conflict between WooCommerce and “x” plugin, due to a cache problem and so on.
Let’s get started!
Your Cart Is Currently Empty Error – “Cache issue” Scenario
Let’s say you just create your own online store with the WooCommerce plugin. Like any other site developer, you go to your site from another browser/device/incognito, to test the functionality of the site and you discover that once you add a new product in the cart, nothing happen. The only message you get is: “Your cart is currently empty”. After that, you try to buy from your developer account, and it works: The product is added in the cart. This kind of error is generated, in most of the cases, by a cache issue. Basically, your cart page is not refreshing with the new information.
Before showing 2 potential fixes, go to Wp-dashboard -> WooCommerce -> Status -> Make sure everything is OK (any red flag must be solved).
How To Fix “Your Cart Is Currently Empty” Issue:
FIX 1. Cache Plugin and WooCommerce pages
If you are using a cache plugin, try to exclude the WooCommerce pages (shop, cart and checkout). If you are caching these pages, you may get this error. If you initially included them and now you just excluded these pages from the cache, purge the cache of the site and also clean the browser cache.
FIX 2. CloudFront and WooCommerce
This fix isn’t apply only for CloudFront CDN, but also for any other CDNs. The problem is the CDN cache some important cookies and don’t allow that page (cart, etc) to be refreshed. To solve the empty cart error (again, this is apply for CloudFront, but it is similar to any other CDN), go on your AWS CloudFront account and follow these steps:
*Find the CloudFront Distribution related to your site and edit it.
*Locate the ‘Behaviors’ TAB and open it.
*Locate the ‘default(*)’ behavior and open it.
*Add the following cookie to the list: Add “wp_woocommerce_session_*” – Without quotes
Extra tip: If you want to avoid similar issues, add these cookies to the whitelist, too:
"woocommerce_items_in_cart*" "woocommerce_cart_hash*" "woocommerce_recently_viewed*" "wp-resetpass*" (for WP password resets)
Wait a few minutes to deploy and check it again (from incognito). It should be fixed right now.
WooCommerce cart is empty after adding products
What is the WooCommerce Cart is Empty After Adding Products Issue?
This issue is caused by a conflict between the plugin and another plugin or theme.
When a customer adds products to their cart, the WooCommerce cart should show the products in the cart. However, if you see that your WooCommerce cart is empty after adding products, it may be because of a conflict with another plugin or theme.
What Causes the WooCommerce Cart to be Empty After Adding Products?
If you have been trying to add products to your cart and the cart is not loading, then this article will help you.
There could be many reasons why the WooCommerce cart is empty after adding products. Nevertheless, in this article, we will try to cover some of the most common ones.
How to Fix the WooCommerce Cart is Empty After Adding Products Issue
Several reasons can cause the issue. This article will help you diagnose and fix the issue.
The first step is to identify what is causing the issue, which can be done by looking at the following things:
- Theme compatibility: Is the theme compatible with Woocommerce?
- Theme settings: Are there any conflicting settings in your theme?
- Product settings: Are there any product-specific settings that might need to be changed?
- Woocommerce settings: What are your woocommerce settings, and are they appropriate for your store?
- Browser Compatibility: Is your browser up-to-date and compatible with Woocommerce?
Your Cart Is Currently Empty Error – Other Ways To Fix
First of all, I am not a fan of installing a ton of plugins. But, if this will solve your issue, it’s up to you how many plugins do you want to keep on your site. So, add and install this plugin: Ajax add to cart for WooCommerce. If it don’t solve the issue, try other ways from the list below.
- Have you installed any plugin just before this issue appeared? If so, deactivate it, clean the cache and test. Maybe that plugin is in conflict with WooCommerce. You can also deactivate all plugins and keep active just the WooCommerce plugin.
- Page structure: Make sure the hierarchy of the pages is the right one: Shop -> Cart -> Checkout. Ideally, Cart and Checkout page should be configured without a parent page.
- www/non-www – Make sure the domain configuration corresponding with the WooCommerce settings. For example, if your domain is set to yoursite.com and in the WooCommerce settings the domain is configured to www.yoursite.com, try edit it and configure to yoursite.com.
- If you are using a translation plugin, such WPML, All languages, etc, make sure you set the WooCommerce pages (shop, cart, checkout, etc) to each new language you add. Usually, these pages aren’t configured for all languages, but only for English.
- After a WooCommerce migration, make sure the database tables are ok. For example, make sure wp_woocommerce_sessions table is set to “AUTO INCREMENTING”. To access it, go to: cPanel -> PHPmyadmin -> Your site db -> table.
- Theme conflict – Try to temporary change the theme to Twenty Twenty-One theme. If everything is fine, return to your main theme.
- Check if on the WooCommerce checkout endpoints. There shouldn’t be any spaces in your Endpoint URL. For example, “ORDER PAY” is not good. “ORDER-PAY” is good. To check the checkout endpoints, go to WooCommerce -> Settings -> Advanced -> and locate “checkout endpoints”.
If it don’t want to be fixed, delete the WooCommerce pages and recreate them. To recreate the WooCommerce pages, go to WooCommerce -> Status -> Tools and click on “Create default WooCommerce pages”.