Title: Sold Out Badge for WooCommerce
Author: Charlie Etienne
Published: <strong>30. oktober, 2020</strong>
Last modified: 30. maj, 2023

---

Søg plugins

![](https://ps.w.org/sold-out-badge-for-woocommerce/assets/banner-772x250.gif?rev
=2782349)

Dette plugin **er ikke blevet testet med de seneste 3 større udgivelser af WordPress**.
Det vedligeholdes eller understøttes muligvis ikke længere og kan have kompatibilitetsproblemer,
når det bruges med nyere versioner af WordPress.

![](https://ps.w.org/sold-out-badge-for-woocommerce/assets/icon.svg?rev=2782349)

# Sold Out Badge for WooCommerce

 Af [Charlie Etienne](https://profiles.wordpress.org/charlieetienne/)

[Download](https://downloads.wordpress.org/plugin/sold-out-badge-for-woocommerce.4.4.0.zip)

 * [Detaljer](https://da.wordpress.org/plugins/sold-out-badge-for-woocommerce/#description)
 * [Vurderinger](https://da.wordpress.org/plugins/sold-out-badge-for-woocommerce/#reviews)
 *  [Installation](https://da.wordpress.org/plugins/sold-out-badge-for-woocommerce/#installation)
 * [Udvikling](https://da.wordpress.org/plugins/sold-out-badge-for-woocommerce/#developers)

 [Support](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/)

## Beskrivelse

Display a “Sold Out!” badge on out-of-stock products.
 When a WooCommerce product
becomes out of stock, this plugin will show a badge on thumbnail with the text you
will have defined.

This plugin was initially created to help people and companies selling _unique_ 
products or services, like artists, artisans, real estate professionals, etc. It
is often beneficial for them to keep showing sold out (out of stock) products on
their websites, while displaying a message indicating that the product can’t be 
sold anymore.

However, this plugin can be used by **anyone** wanting to display **any text** in
a badge when a product is out of stock.

It is also possible to display a badge on backorder products.

### Usage & Documentation

You can customize options in **_Settings > Sold Out Badge for WooCommerce_**

#### What can I customize in this plugin ?

 * **Badge text** (you can replace “_Sold Out_” with any text you want, like “_Out
   of stock_” or “_Coming Soon_“)
 * **Badge background color**
 * **Badge text color**
 * **Badge font size**
 * **Badge width**
 * **Badge height**
 * …
 * An option to **hide “_Sale_” badge** if you get an overlap (checked by default)

#### Resources

 * **WordPress Plugin:** [https://wordpress.org/plugins/sold-out-badge-for-woocommerce](https://wordpress.org/plugins/sold-out-badge-for-woocommerce)
 * **GitHub Repository:** [https://github.com/CharlieEtienne/sold-out-badge-for-woocommerce](https://github.com/CharlieEtienne/sold-out-badge-for-woocommerce)
 * **Support:** [https://github.com/CharlieEtienne/sold-out-badge-for-woocommerce/issues](https://github.com/CharlieEtienne/sold-out-badge-for-woocommerce/issues)

## Skærmbilleder

[⌊Single product page⌉⌊Single product page⌉[

Single product page

[⌊Store and categories pages⌉⌊Store and categories pages⌉[

Store and categories pages

[⌊Admin settings⌉⌊Admin settings⌉[

Admin settings

## Installation

 1. Install this plugin either via the WordPress.org plugin directory, or by uploading
    the files to your server.
 2. Activate the plugin.
 3. That’s it. You’re ready to go! Please, refer to the Usage & Documentation section
    for examples and how-to information.

## FAQ

### Is this plugin completely free?

Yes.

### Can I use this plugin for commercial purposes?

Sure, go ahead! It is completely open source.

### Can I change the badge text?

Yes. Go to _Settings > Sold Out Badge for WooCommerce_, you’ll find the setting 
you want.

### What if this plugin isn’t compatible with my theme or doesn’t work?

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;
    }
    ```

## Anmeldelser

![](https://secure.gravatar.com/avatar/e49360eae376789844325d80471b2cb7cc9c753dcdd368bb44cb2d383a3ca44f?
s=60&d=retro&r=g)

### 󠀁[works fine!](https://wordpress.org/support/topic/works-fine-1612/)󠁿

 [ole_wilkenburg](https://profiles.wordpress.org/ole_wilkenburg/) 14. februar, 2025

Thank you for providing this plugin for free, exactly what I was looking for!One
suggestion: I searched long for "settings", didn't find it. A link at plugin page
would help for the short way. But maybe I'm the only one who was too stupid to find
it.

![](https://secure.gravatar.com/avatar/082531abcaf893a137fa0fe0f47c1a0b4a1ab5c02b8a1886c5288fe8c25f4f38?
s=60&d=retro&r=g)

### 󠀁[parfait](https://wordpress.org/support/topic/parfait-412/)󠁿

 [Cousin](https://profiles.wordpress.org/christophecasa/) 25. juni, 2024

Bonjour,Je viens de mettre votre extension en place : 3' , j'ai compris comment 
ça fonctionne, mis en place, et… tout va bien ! Merci d'avoir fait aussi simple.
En pré-production. WordPress 6.5.5, GeneratePress (3.4 )Enfant , Spectra 2.13.7 
PHP 8.2. Woocommerce 9.02.Merci ! Bonne continuation.

![](https://secure.gravatar.com/avatar/2c893987504212520f2f925c244b539660b9aab4b46943d675f43de37e05f77a?
s=60&d=retro&r=g)

### 󠀁[Doesn’t work](https://wordpress.org/support/topic/doesnt-work-3094/)󠁿

 [csomthing](https://profiles.wordpress.org/csomthing/) 13. marts, 2024 8 svar

Nothing I did in the settings for this plugin made it work.

![](https://secure.gravatar.com/avatar/61d68ac5b11bb1d6d99f1f626b6de92a2e7edfa19a7e8459d70396e8f8175270?
s=60&d=retro&r=g)

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-9961/)󠁿

 [shaymus](https://profiles.wordpress.org/shaymus/) 9. juli, 2023

Exactly what I was looking for, simple and very easy to set up too. Thank you!

![](https://secure.gravatar.com/avatar/1eed06726cba8ddfe9d17a18033179ba7dd485830750d0b52e8ea511522b2343?
s=60&d=retro&r=g)

### 󠀁[Works beautifully](https://wordpress.org/support/topic/works-beautifully-176/)󠁿

 [stresslessweb](https://profiles.wordpress.org/stresslessweb/) 16. februar, 2023

Install and activate the plugin and it just works. Easy to tweak colors position.
Just the right amount of settings.

![](https://secure.gravatar.com/avatar/76d8a75b1676b3c7cbb370b20b0afb6e36dfba69439098317fe9e8a5f749ddb7?
s=60&d=retro&r=g)

### 󠀁[Полезный плагин, но есть минус](https://wordpress.org/support/topic/%d0%bf%d0%be%d0%bb%d0%b5%d0%b7%d0%bd%d1%8b%d0%b9-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd-%d0%bd%d0%be-%d0%b5%d1%81%d1%82%d1%8c-%d0%bc%d0%b8%d0%bd%d1%83%d1%81/)󠁿

 [mover](https://profiles.wordpress.org/mover/) 26. december, 2022

Мне кажется очевидно, что должно быть выравнивание по центру, но его нет.

 [ Læs alle 25 anmeldelser ](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/)

## Bidragsydere & udviklere

“Sold Out Badge for WooCommerce” er open source-software. Følgende personer har 
bidraget til dette plugin.

Bidragsydere

 *   [ Charlie Etienne ](https://profiles.wordpress.org/charlieetienne/)

“Sold Out Badge for WooCommerce” er blevet oversat til 5 sprog. Tak til [oversætterne](https://translate.wordpress.org/projects/wp-plugins/sold-out-badge-for-woocommerce/contributors)
for deres bidrag.

[Oversæt “Sold Out Badge for WooCommerce” til dit eget sprog.](https://translate.wordpress.org/projects/wp-plugins/sold-out-badge-for-woocommerce)

### Interesseret i udvikling?

[Gennemse koden](https://plugins.trac.wordpress.org/browser/sold-out-badge-for-woocommerce/),
tjek [SVN repository](https://plugins.svn.wordpress.org/sold-out-badge-for-woocommerce/),
eller abonner på [udviklerloggen](https://plugins.trac.wordpress.org/log/sold-out-badge-for-woocommerce/)
via [RSS](https://plugins.trac.wordpress.org/log/sold-out-badge-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss).

## Ændringslog

#### 4.4.0

 * Support PHP 8.2
 * Bump Carbon Fields version to 3.6.0
 * Improve docs

#### 4.3.6

 * Fix compatibility issues with kadence blocks and woocommerce HPOS thanks to @
   ataypamart

#### 4.3.5

 * Fix missing hook in Elementor page builder

#### 4.3.4

 * Fix related and upsells products in some themes like Divi

#### 4.3.1

 * Adds compat with Elementor Archive posts widget

#### 4.3.0

 * Allows displaying badge on backorder products instead of/in addition to out of
   stock products

#### 4.2.0

 * Adds WPML compatibility

#### 4.1.0

 * Fixes Text Domain Path
 * Fixes single product position settings being ignored

#### 4.0.0

 * Major code refactor (nothing is supposed to change unless you made custom dev
   using this plugin hooks or classes )
 * Added compatibility with Lay Theme

#### 3.2.2

 * Minor fixes

#### 3.2.1

 * Fixes and improves alternative method
 * Improves compatibility with Divi Builder on single product pages

#### 3.2.0

 * Adds an alternative method (pure CSS). Useful for some themes like Divi.

#### 3.1.0

 * Adds badge in search results
 * Ability to turn off the badge on a per-product basis

#### 3.0.1

 * Fix missing “position: absolute” CSS rule

#### 3.0.0

 * **Potential breaking change (in other words, do a backup before upgrading)** :
   Adds settings options to control appearance (width, height, border-radius, etc.)

#### 2.2.0

 * Move to Singleton pattern to let other developpers unhook actions and filters.
   
   If you want to unhook something, use it like this, for example: `remove_filter('
   woocommerce_get_stock_html', [ WCSOB::get_instance(), 'replace_out_of_stock_text'],
   10, 2 );`

## Meta

 *  Version **4.4.0**
 *  Senest opdateret **3 år siden**
 *  Aktive installationer **8.000+**
 *  WordPress-version ** 5.2 eller højere **
 *  Testet op til **6.2.14**
 *  PHP-version ** 7.2 eller højere **
 *  Sprog
 * [Danish](https://da.wordpress.org/plugins/sold-out-badge-for-woocommerce/), [Dutch](https://nl.wordpress.org/plugins/sold-out-badge-for-woocommerce/),
   [English (US)](https://wordpress.org/plugins/sold-out-badge-for-woocommerce/),
   [French (France)](https://fr.wordpress.org/plugins/sold-out-badge-for-woocommerce/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/sold-out-badge-for-woocommerce/)
   og [Swedish](https://sv.wordpress.org/plugins/sold-out-badge-for-woocommerce/).
 *  [Oversæt til dit sprog](https://translate.wordpress.org/projects/wp-plugins/sold-out-badge-for-woocommerce)
 * Tags
 * [badge](https://da.wordpress.org/plugins/tags/badge/)[out of stock](https://da.wordpress.org/plugins/tags/out-of-stock/)
   [sold out](https://da.wordpress.org/plugins/tags/sold-out/)[woocommerce](https://da.wordpress.org/plugins/tags/woocommerce/)
 *  [Avanceret visning](https://da.wordpress.org/plugins/sold-out-badge-for-woocommerce/advanced/)

## Bedømmelser

 4.8 ud af 5 stjerner.

 *  [  23 5-stjernet anmeldelser     ](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/?filter=5)
 *  [  1 4-stjernet anmeldelse     ](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/?filter=4)
 *  [  0 3-stjernet anmeldelser     ](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/?filter=3)
 *  [  0 2-stjernet anmeldelser     ](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/?filter=2)
 *  [  1 1-stjernet anmeldelse     ](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/?filter=1)

[Din anmeldelse](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/#new-post)

[Se alle anmeldelser](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/reviews/)

## Bidragsydere

 *   [ Charlie Etienne ](https://profiles.wordpress.org/charlieetienne/)

## Support

Har du noget at sige? Har du brug for hjælp?

 [Vis supportforum](https://wordpress.org/support/plugin/sold-out-badge-for-woocommerce/)

## Donér

Vil du gerne støtte udviklingen af dette plugin?

 [ Donér til dette plugin ](https://paypal.me/webnancy)