How to fix WooCommerce shop page empty?

Is your shop page not showing any products or appearing as blank? Don’t worry, we have a solution for you. In this guide, we’ll see how to fix the WooCommerce shop page empty issue.

The shop page is where you display your products so it’s very important for any online store. That’s why, if your shop page is blank, you should fix it as soon as possible. Otherwise, it can have a huge negative impact on your business.

Why is your WooCommerce shop page empty?

There are many reasons why the WooCommerce shop page can be empty. It may be because of a configuration issue, problems with plugin compatibility, permalinks, and many others. Some of these issues are harder to solve than others. In this guide, we’ll provide you with the solutions to the most common problems so you can fix the blank WooCommerce shop page issue.

How to fix the WooCommerce empty shop page issue?

In this section, we’ll have a look at different ways to fix the empty WooCommerce shop page depending on what’s causing the issue:

  1. Shop Page configuration
  2. Plugin compatibility
  3. Update permalinks
  4. Catalog Visibility

Let’s see the solutions for each of these problems assuming that you’ve installed WooCommerce and created the shop page on your store.

1) Shop Page Configuration

The first thing you need to check is whether you’re using the correct shop page on your site. To check that, in your WordPress dashboard go to WooCommerce > Settings > Products. There, you can see what page you’re using for the shop page. Make sure that you’re using Shop, otherwise, select it from the dropdown.

Fix WooCommerce shop page empty - Shop page configuration

From here, you can customize the shop page and use other pages but we recommend you use the shop page.

Similarly, you can use different pages for the Cart, Checkout, My Account, and Terms and Conditions pages. To do that, go to  WooCommerce > Settings > Advanced.

Fix WooCommerce shop page empty - Advanced configuration

 

2) Plugin compatibility

Another reason why the WooCommerce shop page may not show any products has to do with plugin compatibility. Your plugins may cause conflicts so the Shop page appears blank, especially after some updates.

So, to fix this issue, temporarily deactivate all your plugins except WooCommerce. Then, check if the shop page is showing products. After that, activate them one by one and check if the shop page is empty until you find the one that’s causing the issue. Once you find it, you can contact the plugin developer so they can either update it to fix the conflict or help you solve the issue.

Please note that you should deactivate your plugins instead of deleting them. That way, you’ll save all their settings and you don’t have to change the configuration when you reactivate them.

If you’re not sure how to deactivate the plugins in bulk, we recommend you have a look at this guide.

3) Update Permalinks

Sometimes, after you install WooCommerce or add some products to your store, the shop page is blank. You may be able to see the product on the product screen but not on the shop page. This has to do with the permalinks.

Permalinks, short for permanent links, are permanent URL structures that help you organize all the content of your site. They’re the permanent URLs to your pages, posts, products, categories, and so on.

So, if the WooCommerce shop page is empty due to the permalinks, in your WordPress dashboard go to Settings > Permalinks and click Save Changes. This way, you make sure that WordPress considers those new permalink URLs for WooCommerce.

4) Catalog Visibility

Another potential cause why the WooCommerce shop page may be blank is due to the catalog visibility. After you import or add products to your store, sometimes they don’t appear on the Shop page. This is because they’re set as hidden in the Catalog Visibility options

To solve this, in your dashboard go to WooCommerce > Products and select one of your products that don’t show up on the Shop page. On the right column, you’ll see the Catalog Visibility. Expand the options and select if you want to display it in the shop page and page results, shop page only, or search results only. Then, press OK and update the product.

fix WooCommerce shop page empty - Catalog Visibility

If you have more products that don’t show up on the shop page, you’ll have to repeat the process for each product that you want to display.

Could you solve the empty WooCommerce shop page issue?

All in all, your shop page is crucial for your store so if it’s not showing products, you should fix it as soon as possible. Even though the shop page may be blank for many reasons, in this guide, we’ve seen how to identify and fix the most common issues.

We’ve seen how to fix when the WooCommerce shop page is empty due to:

  • Shop page configuration
  • Problems with plugin compatibility
  • Permalinks
  • Catalog visibility options

If none of these are causing the problem and you can’t solve it with these solutions, you may want to ask for help. There could be many other potential causes why the shop page doesn’t show products so we recommend you look for more in-depth support.

For more information on how to make the most of your store, check out our guide on how to customize the WooCommerce shop page.

Could you fix the empty WooCommerce shop page issue? Which method did you use? Let us know in the comments section below!