Sold Out Badge for WooCommerce

Description

Affichez un badge « Vendu ! » sur les produits en rupture de stock.
Lorsqu’un produit WooCommerce passe en rupture de stock, cette extension affichera un badge sur la miniature avec le texte que vous aurez défini.

Cette extension a été initialement créée pour venir en aide aux personnes et sociétés vendant des produits ou services uniques, comme des artistes, artisans, professionnels de l’immobilier, etc. Pour eux, il est souvent bénéfique de continuer à afficher sur leur site web les produits vendus (en rupture de stock), tout en affichant un message indiquant que le produit ne peut plus être vendu.

Toutefois, cette extension peut-être utilisée par n’importe qui souhaitant afficher n’importe quel texte dans un badge lorsqu’un produit est en rupture de stock.

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

Usage & documentation

Vous pouvez personnaliser les options dans Réglages > Sold Out Badge for WooCommerce

Que puis-je personnaliser dans cette extension ?

  • Texte du badge (vous pouvez remplacer « Vendu » par le texte que vous souhaitez, comme « En rupture de stock » ou « Prochainement »)
  • Couleur d’arrière-plan du badge
  • Couleur du texte du badge
  • Taille de police du badge
  • Largeur du Badge
  • Hauteur du Badge
  • Une option pour masquer le badge « Promo » si vous rencontrez un chevauchement (cochée par défaut)

Ressources

Captures d’écran

  • Page de produit unique
  • Pages catégories et boutique
  • Réglages d’administration

Installation

  1. Installez cette extension soit depuis le répertoire des extensions WordPress.org, soit en téléversant les fichiers sur votre serveur.
  2. Activer l’extension.
  3. C’est tout. Vous êtes prêt·e ! Veuillez vous référer à la section Usage & Documentation pour des exemples et le mode d’emploi.

FAQ

Cette extension est-elle totalement gratuite ?

Oui.

Puis-je utiliser cette extension à des fins commerciales ?

Bien sûr, allez-y ! C’est totalement libre de droits.

Puis-je modifier le texte du badge ?

Oui. Rendez-vous dans Réglages > Sold Out Badge for WooCommerce, vous trouverez le réglage souhaité.

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

Avis

9 juillet 2023
Exactly what I was looking for, simple and very easy to set up too. Thank you!
16 février 2023
Install and activate the plugin and it just works. Easy to tweak colors position. Just the right amount of settings.
26 octobre 2022
Spent far too long looking for a badge that was simple and quick to use. For whatever reason, my theme didn't have a default out of stock/sold out badge. This plugin is simple and works slick!
Lire les 23 avis

Contributeurs/contributrices & développeurs/développeuses

« Sold Out Badge for WooCommerce » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Sold Out Badge for WooCommerce” a été traduit dans 5 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Sold Out Badge for WooCommerce » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

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 );