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 […]
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 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é ?
À lire aussi
Comment changer le nom de l’onglet « Produits » dans votre WooCommerce
Introduction WooCommerce est un plugin de commerce électronique incontournable pour WordPress, offrant une flexibilité et des fonctionnalités puissantes pour gérer une boutique en ligne. Cependant, l’interface par défaut peut parfois ne pas correspondre aux besoins spécifiques de votre boutique ou à la terminologie de votre marque. Heureusement, il est possible de personnaliser les libellés […]
Optimisez votre processus de paiement WooCommerce grace à ce plugin
Introduction Lorsqu’il s’agit de faire des achats en ligne, la rapidité et la facilité de la transaction sont primordiales pour garantir une expérience utilisateur positive. Un problème fréquent rencontré dans les formulaires de paiement est la saisie manuelle des adresses, un processus souvent long et source d’erreurs. Je suis sûr que vous êtes tous […]
Suivi de l’attribution des commandes : Propulsez votre stratégie marketing avec WooCommerce 8.5
WooCommerce 8.5 introduit une fonctionnalité révolutionnaire pour les boutiques en ligne : le suivi de l’attribution des commandes. Cette innovation vous offre une compréhension inédite de l’impact de vos canaux marketing et vous permet de booster vos performances comme jamais auparavant. Plongeons dans l’univers du suivi de l’attribution des commandes et explorons ses multiples facettes […]