CONTACT

Ajouter un badge "rupture de stock" sur un produit hors stock Woocommerce

Tutoriels pour le web

/* Indiquer la rupture de stock */

add_action( 'woocommerce_before_shop_loop_item_title', 'wpm_display_sold_out_loop_woocommerce' );// On l'affiche sur la page boutique
add_action( 'woocommerce_single_product_summary', 'wpm_display_sold_out_loop_woocommerce' );// On l'affiche sur la page du produit seul

 
function wpm_display_sold_out_loop_woocommerce() {
    global $product;
 	//Si le produit est en rupture de stock, on affiche :
    if ( !$product->is_in_stock() ) {
        echo '<span class="soldout">' . __( 'Rupture de stock', 'woocommerce' ) . '</span>';
    }
} 

puis ajouter une classe CSS pour designer votre badge

exemple :


.soldout {
	padding: 3px 8px;
	text-align: center;
	background: red;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 12px;
}

Back to Top

Laisser un commentaire

Un besoin spécifique ?
Demandez un tuto en remplissant ce micro formulaire
Prêt pour parler de votre projet ? Contactez-nous
menuchevron-down