Разработка плагина WooCommerce: кнопка «Оформить заказ» на кассе не работает.Как исправить мой плагин?

Question

Я создаю плагин для WordPress, который добавляет возможность добавить пользовательский подарочный сертификат на страницу оформления заказа.Мне удалось получить входные данные для подарочного ваучера и кнопку «Применить сейчас», и это добавляет значение ваучера к итоговым суммам и соответствующим образом корректирует итоговую сумму.

Проблема в том, что мой плагин, по-видимому, не позволяет нажимать кнопку «Разместить заказ».Когда я деактивирую плагин, кнопка проверки работает нормально, поэтому в коде плагина есть что-то, что вызывает конфликт.Я проверил в консоли браузера, и на этой странице не отображаются ошибки.Вот код на данный момент:

function my_init() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery'); 
        wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', false, '1.3.2'); 
        wp_enqueue_script('jquery');
    }
}

function giftvoucher_front_end_scripts() {
    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/gift_voucher.js' , array( 'jquery' ), '', true );
}
add_action( 'wp_enqueue_scripts', 'giftvoucher_front_end_scripts' );

// Displaying a select field and a submit button in checkout page
function gift_voucher_value_check() {
    echo '<a class="button alt" name="gift_voucher_action_btn" id="gift_voucher_action" value="Apply" data-value="gift_voucher_data_value">Apply Now</a>';
}
add_action( 'woocommerce_checkout_after_customer_details', 'gift_voucher_value_check', 10, 0 );

// jQuery - Ajax script
function gift_voucher_redeem_script() {
    // Only checkout page
    if ( ! is_checkout() ) return;
    ?>
    <script type="text/javascript">
    jQuery( function($){
        $('#gift_voucher_action').on('click', function() {

            redeemvoucher();

            $.ajax({
                type: "post",
                url:  wc_checkout_params.ajax_url,
                data: {
                     'action' : 'gift_voucher_redeem',
                     //'gift_voucher_value' : $("#rx-redemption-points").val()
                     'gift_voucher_value' : $("#gift_voucher_redeem").val()
                },
                success: function(response) {
                    $('body').trigger('update_checkout');
                    console.log('response: '+response); // just for testing | TO BE REMOVED
                },
                error: function(error){
                    console.log('error: '+error); // just for testing | TO BE REMOVED
                }
            });
        })
    }
    </script>
    <?php
}

add_action( 'wp_footer', 'gift_voucher_redeem_script' );

// Wordpress Ajax code (set ajax data in Woocommerce session)
add_action( 'wp_ajax_gift_voucher_redeem', 'gift_voucher_redeem' );
add_action( 'wp_ajax_nopriv_gift_voucher_redeem', 'gift_voucher_redeem' );
function gift_voucher_redeem() {
    if( isset($_POST['gift_voucher_value']) ){
        WC()->session->set( 'custom_fee', esc_attr( $_POST['gift_voucher_value'] ) );
        echo true;
    }
    exit();
}
add_action( 'wp_ajax_gift_voucher_redeem', 'gift_voucher_redeem' );
add_action( 'wp_ajax_nopriv_gift_voucher_redeem', 'gift_voucher_redeem' );

// Add a custom dynamic discount based on gift_voucher_data_value
function gift_voucher_value_discount( $cart ) {
    if ( is_admin() && ! defined( 'DOING_AJAX' ) )
        return;

    // Only for targeted shipping method
    if (  WC()->session->__isset( 'custom_fee' ) )
        $discount = (float) WC()->session->get( 'custom_fee' );

    if( isset($discount) && $discount > 0 )
        $cart->add_fee( __( 'Giftvoucher discount', 'woocommerce' ), -$discount );
}   
add_action( 'woocommerce_cart_calculate_fees', 'gift_voucher_value_discount', 20, 1 );


// Add the gift voucher fields to the checkout page
function customise_checkout_field($checkout)
{
    echo '<div id="customise_checkout_field"><h3>' . __('Have a Giftvoucher?') . '</h3>';
    echo '<form>';
    woocommerce_form_field('voucher_number_field', array(
        'type' => 'text',
        'class' => array(
            'my-field-class form-row-wide'
        ) ,
        'label' => __('Enter your giftvoucher number') ,
        'id' => 'gift_voucher_number',
        'placeholder' => __('19 digits, no spaces') ,
        'required' => true,
    ) , $checkout->get_value('voucher_number_field'));
    woocommerce_form_field('pin_field', array(
        'type' => 'text',
        'class' => array(
            'my-field-class form-row-wide'
        ) ,
        'id' => 'gift_voucher_pin',
        'label' => __('Enter your PIN') ,
        'placeholder' => __('4 digits') ,
        'required' => true,
    ) , $checkout->get_value('pin_field'));
    woocommerce_form_field('redeem_amount_field', array(
        'type' => 'text',
        'class' => array(
            'my-field-class form-row-wide'
        ) ,
        'label' => __('Amount to redeem $') ,
        'id' => 'gift_voucher_redeem',
        'placeholder' => __('0.00') ,
        'required' => true,
    ) , $checkout->get_value('redeem_amount_field'));
    //echo '<input type="button" value="Redeem Giftvoucher" onclick="redeemvoucher()"';
    echo '<span id="redeemed"></span>';
    echo '</form>';
    echo '</div>';
}
add_action('woocommerce_after_order_notes', 'customise_checkout_field');

Может ли кто-нибудь помочь мне найти причину этого конфликта с помощью кнопки «Разместить заказ»?Заранее спасибо.

Answer 1

Что ж, получается, что ответ состоял в том, что кнопка «Применить сейчас» была на самом деле вне тегов формы ... ничего страшного, я могу с этим смириться ... но когда я закомментировал теги формы,Оформление заказа работает отлично при нажатии кнопки «Оформить заказ».

Должен отдать должное коллеге, который взглянул на код и указал мне на проблему ... Спасибо, Джеймс!