FOX - Профессиональный переключатель валют WooCommerce

Как отобразить на странице оформления заказа 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 метода и используйте его в переключателе скрипта выше