Sélectionner une page

Astuce Woocommerce et Divi

23 Nov 22 | code, Divi, Wordpress

Si comme moi vous utilisez le plugin WooCommerce pour transformer votre site WordPress en site Ecommerce que vous utilisez le theme d’ElegantThemes DIVI (Lien Affilié) Il est fort probable que vous utilisiez également le plugin de Paiements PayPal

Mais voila, lorsque vous avez souhaité personnaliser la page de produit unique par défaut avec le Divi Builder (Lien Affilié) vous vous êtes sans doute confronté au même problème que moi à savoir l’affichage des boutons PayPal en haut de page.

En faisant une recherche Google pour régler ce problème récurrent, j’ai trouvé l’explication (en anglais).

Par défaut les boutons PayPal s’affichent grâce à un hook après les boutons d’ajout au panier de WooCommerce.

add_filter('woocommerce_paypal_payments_single_product_renderer_hook', function() {
    return 'woocommerce_after_add_to_cart_button';
});

Il faut donc modifier ce hook pour que les boutons s’affichent bien à l’endroit voulu.

Voici le code à ajouter à votre fichier functions.php de votre theme enfant (voir aussi notre article) :

add_filter('woocommerce_paypal_payments_single_product_renderer_hook', function() {
    return 'woocommerce_after_add_to_cart_form';
});

Et c’est tout, maintenant les boutons s’afficheront par défaut après le formulaire d’ajout au panier !

Si vous souhaiter connaitre les autres emplacements possibles pour placer vos boutons PayPal je vous recommande la lecture de cet article :

WooCommerce Single Product Page [Visual Hook Guide]

Vous avez des questions à propos de cet article ? Besoin d'aide sur un autre sujet ? Contactez-moi, je pratique des prix vraiment compétitifs et je réponds généralement rapidement