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

prix bouton ajouter au panier woocommerce jrwebconcept JR Web Concept - Développement Web

Testez sur WordPress 6.3.0, Elementor 3.16.3 et Elementor Pro 3.16.2

Un nouveau projet WordPress ? Besoin d’aide ?

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

Besoin d'un code personnalisé ?

Dire merci, c'est bien aussi.

Partagez cet article

1
0
Nous aimerions avoir votre avis, veuillez laisser un commentaire.x

Vous avez une question ?

Vous avez une question sur un article ?
Découvert un bug inexpliqué ? 😱
Ou vous avez des articles à me soumettre ? 🤔
N’hésitez pas à me contacter, je serais ravi de vous aider.

Parce que chaque projet est unique !

Pour une meilleure compréhension, merci de décrire au maximum votre projet, vos besoins, vos attentes…
Vous préférez en parler au téléphone, n’hésitez pas, je suis à votre écoute : 06 35 31 45 64

Tes modifications ont bien été sauvegardées

Bravo !

Vous êtes maintenant inscrit.

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

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