If you need to show to your customer any special info on the checkout page when they select method of paying you can use next custom script:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | 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 } }); |
- Drop the script into file functions.php of your current wp theme
- Replace in the script CSS class 'your_css_class_here' to any other you need, create your own
- Write text for payments methods if it is fit to your site business logic
- To get anchors of the payment methods use browser chrome-> right mouse click on the radio-input -> press there 'view code' -> get there ID of the method and use it in the switch of the script above
