WooCommerce Currency Switcher Content of the article
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
