Si vous devez afficher à votre client des informations spéciales sur la page de paiement lorsqu'il sélectionne un mode de paiement, vous pouvez utiliser le script personnalisé suivant :
add_action('wp_footer', function() {
if (is_checkout()) {
?>
<script>
jQuery(function ($) {
$('<div class="your_css_class_here"></div>').insertAfter('.shop_table.woocommerce-checkout-review-order-table');
woocs_init_payment_meth();
});
function woocs_init_payment_meth() {
jQuery('ul.wc_payment_methods li input').on('click', function (e) {
jQuery('.your_css_class_here').hide();
switch (jQuery(this).attr('id')) {
case 'payment_method_bacs':
jQuery('.your_css_class_here').html('text 1 here');
jQuery('.your_css_class_here').show();
break;
case 'payment_method_cheque':
jQuery('.your_css_class_here').html('text 2 here');
jQuery('.your_css_class_here').show();
break;
}
setTimeout(woocs_init_payment_meth, 777);
return true;
});
}
</script>
<?php
}
});
- Déposez le script dans le fichier functions.php de votre thème WordPress actuel
- Remplacez dans le script la classe CSS 'your_css_class_here' par celle de votre choix, créez la vôtre
- Rédigez le texte pour les méthodes de paiement si cela correspond à la logique métier de votre site
- Pour obtenir les ancres des méthodes de paiement, utilisez le navigateur Chrome → clic droit sur l'input radio → cliquez sur 'Voir le code' → récupérez l'ID de la méthode et utilisez-le dans le switch du script ci-dessus
