Ajouter le prix d’un produit sur le bouton d’ajout panier avec Woocommerce

Vous avez optimisé votre page produit avec Woocommerce et Elementor Pro
Et là, vous vous dites qu’il serait bien ajouté le prix directement dans le bouton “Ajoutez au panier” ?

C’est une option très pratique, qui n’existe pas nativement avec Woocommerce, et surtout en version mobile ou le prix n’est pas toujours voyant.
Alors simplement, ajouter le code ci-dessous dans votre fichier functions.php de votre thème enfant.

				
					add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_price', 20, 2 ); // Shop and other archives pages
add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_price', 20, 2 ); // Single product pages
function custom_add_to_cart_price( $button_text, $product ) {
    // Variable products
    if( $product->is_type('variable') ) {
        // shop and archives
        if( ! is_product() ){
            $product_price = wc_price( wc_get_price_to_display( $product, array( 'price' => $product->get_variation_price() ) ) );
            return $button_text . ' - ' . strip_tags( $product_price );
        } 
        // Single product pages
        else {
            return $button_text;
        }
    } 
    // All other product types
    else {
        $product_price = wc_price( wc_get_price_to_display( $product ) );
        return $button_text . ' - ' . strip_tags( $product_price );
    }
}
				
			

Et voila résultat

Testez sur WordPress 5.9.3, Elementor 3.6.1 et Elementor Pro 3.6.4

Un nouveau projet WordPress ? Besoin d’aide ?

Contactez-moi ou visitez mon site et je me ferais un plaisir de vous aider.

Dire merci, c'est bien aussi.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Suivez-moi

Les derniers articles

Célébrez le 7e anniversaire d’Elementor avec des offres incroyables

Comment créer un module WordPress étape par étape

Votre réponse a bien été publiée

Suivez-moi

Les derniers articles

Célébrez le 7e anniversaire d’Elementor avec des offres incroyables

Comment créer un module WordPress étape par étape

Votre demande a bien été envoyé, merci.

Le délai de réponse peut varier de 24h à 48h.
Merci de votre compréhension

J'ai besoin d'aide pour mon projet !

Sujet :
Ajouter le prix d’un produit sur le bouton d’ajout panier avec Woocommerce