Website Building » WooCommerce » How Do I Display Out of Stock Products in WooCommerce?

How Do I Display Out of Stock Products in WooCommerce?

Last updated on January 11, 2023 @ 1:41 pm

If you are running a WooCommerce store, you may have products that are out of stock and you want to hide them from your customers. This can be done by changing a few settings in the WooCommerce settings. In this article, we will show you how to display out of stock products in WooCommerce.

WooCommerce is a powerful eCommerce plugin for WordPress. It comes with a lot of features and options to manage your online store. One of the most useful features of WooCommerce is the ability to hide out of stock products from your shop page and category pages.

This is extremely useful if you want to make sure that customers do not order products that are not available. By default, WooCommerce will show a message “Out of stock” on the product page itself.

PRO TIP: If you are using WooCommerce to sell products online, you may want to display a “Out of Stock” message for products that are no longer available. This can be useful to let customers know that a product is no longer available, and to prevent them from trying to purchase it.

There are a few different ways that you can display an “Out of Stock” message for WooCommerce products. One way is to edit the product in WooCommerce and change the “Stock Status” to “Out of Stock”. This will automatically display an “Out of Stock” message on the product page.

Another way to display an “Out of Stock” message is to use the WooCommerce Product Availability plugin. This plugin allows you to customize the “Out of Stock” message that is displayed on the product page. You can also use this plugin to hide out of stock products from the shop page, category pages, and search results.

If you want to hide out of stock products completely, you can do so by going to WooCommerce > Settings > Products and selecting the “Hide out of stock items from the shop” option. This will hide all out of stock products from your shop pages.

It’s important to note that hiding out of stock

However, this message is not shown on the shop page or category pages. If you want to display “Out of Stock” message on those pages as well, then you will need to make some changes in the WooCommerce settings.

Here’s how you can display “Out of Stock” message on shop page and category pages in WooCommerce:

  • Step 1: Login to your WordPress Dashboard and go to WooCommerce > Settings. On the Settings page, click on the Catalog tab.
  • Step 2: On the Catalog tab, scroll down to the “Out of Stock Visibility” setting.By default, it is set to “Hide out of stock items from the catalog”. You need to change it to “Display out of stock products”.
  • Step 3: Click on the “Save Changes” button at the bottom of the page to save your changes.

That’s it! You have successfully configured WooCommerce to display “Out Of Stock” message on shop page and category pages.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.