/ Plugin Category

/ E-commerce & Shopping

/ Sold Out Badge for WooCommerce

Sold Out Badge for WooCommerce

By Charlie Etienne

E-commerce & Shopping /

Sold Out Badge for WooCommerce Review - In-Depth Analysis

Display a 'Sold Out!' badge on out-of-stock WooCommerce products. Customize text and colors to suit your needs.

Performance Overview

WPS Score

6.62/10

User Rating

4.8/5 (based on 25+ reviews)

Active Installations

8,000+

Update Frequency

Below Average It is calculated using the weighted average of same category plugins.

Security Score

1 / 10 (Very Low Risk) It is calculated using the weighted average of all versions.

What It Does

This plugin allows you to display a 'Sold Out!' badge on out-of-stock products in your WooCommerce store. When a product becomes out of stock, the badge will appear on the product thumbnail with customizable text that you define.

Originally designed for artists, artisans, and real estate professionals, this plugin helps showcase unique products even when they are no longer available for sale. It is beneficial for anyone who wants to indicate that a product is out of stock while still keeping it visible on their website.

Additionally, the plugin provides the option to display a badge on backorder products. You can easily customize the badge text, background color, text color, font size, width, and height. There is also an option to hide the 'Sale' badge if there is an overlap.

For more customization options, go to Settings > Sold Out Badge for WooCommerce.

Other Notable Features

Here are a few other notable features of this free Sold Out Badge for WooCommerce plugin.

Sold Out

Out Of Stock

WooCommerce Badge

Screenshots

FAQ

Yes.

You could uninstall this plugin and try to get the badge manually. There are two ways you could do it:

1. Pure CSS

If you’re lucky enough, you’ll have a specific CSS class for out-of-stock products.
You could add a SOLD OUT badge like this:

.product.outofstock:before {      content: 'SOLD OUT';      color: #ffffff;      background: #FE2121;      font-size: 16px;      padding: 4px;      font-weight: bold;      width: auto;      height: auto;      border-radius: 0;      z-index: 9999;      text-align: center;      position: absolute;      top: 6px;      right: auto;      bottom: auto;      left: 6px; }

2. PHP + CSS

Otherwise, you could use WP hooks to add a badge. Put this code in your child theme’s functions.php:

add_action( 'woocommerce_before_shop_loop_item_title', 'my_custom_soldout_badge_display', 10 ); add_action( 'woocommerce_before_single_product_summary', 'my_custom_soldout_badge_display', 30 );  function my_custom_soldout_badge_display() {     global $post, $product;      if ( ! $product->is_in_stock() ) {         echo '<span class="wcsob_soldout">SOLD OUT</span>';     } }

Use the following CSS code to style the badge:

.wcsob_soldout {      content: 'SOLD OUT';      color: #ffffff;      background: #FE2121;      font-size: 16px;      padding: 4px;      font-weight: bold;      width: auto;      height: auto;      border-radius: 0;      z-index: 9999;      text-align: center;      position: absolute;      top: 6px;      right: auto;      bottom: auto;      left: 6px; }