Как отобразить на странице оформления заказа woocommerce информацию о платежных воротах
Если вам нужно показать вашему клиенту какую-либо особую информацию на странице оформления заказа, когда он выбирает метод оплаты, вы можете использовать следующий настраиваемый скрипт:
add_action ('wp_footer', function () {if (is_checkout ()) {?> jQuery(function ($) { $('').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; }); }
- Перетащите скрипт в файл functions.php вашей текущей темы WP
- Заменить в скрипте CSS class 'your_css_class_here'к любому другому, что вам нужно, создайте свой собственный
- Напишите текст для способов оплаты, если он соответствует бизнес-логике вашего сайта.
- Чтобы получить якоря способов оплаты, используйте браузер chrome-> щелкните правой кнопкой мыши по радио-входу -> нажмите там 'просмотреть код'-> добраться туда ID метода и используйте его в переключателе скрипта выше