Настраиваемое поле оформления заказа и способы доставки ajax взаимодействия в Woocommerce 3

Этот вопрос скоро заставит меня отправиться на почту...

В Woocommerce Checkout мне нужно было добавить пользовательское поле в адрес. Это дополнительное поле для function calculate_shipping( $package = array())

Теперь очевидно, что woocommerce / wordpress не разрешают доступ к этим настраиваемым полям в рамках этого вызова функции... не понимаю, почему, но мы идем дальше...

Таким образом, решение будет JQuery правильно? .. не так быстро.. Каждый пример не возвращает значение обратно в среду woocommerce.. не один..

Итак, код, который я до сих пор опускаю в эту кроличью нору для значения одного поля......

//We first add the field to the checkout form
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields');

function custom_override_checkout_fields( $fields ) {
     $fields['billing']['billing_area'] = array(
         'label'     => __('Area', 'woocommerce'),
         'placeholder'   => _x('Area', 'placeholder', 'woocommerce'),
         'required'  => true,
         'class'     => array('form-row-wide' ),
         'clear'     => true,
         'priority' => 61
     );

     return $fields;
}

// we load the scripts and the ajax callback functions

add_action( 'wp_enqueue_scripts', 'so18550905_enqueue_scripts' );
add_action( 'wp_ajax_myaction', 'so18550905_wp_ajax_function' );
add_action( 'wp_ajax_nopriv_myaction' , 'so18550905_wp_ajax_function' );

function so18550905_enqueue_scripts(){
    wp_register_script( 'ajaxHandle', plugins_url() . '/miguel-shipping/test.js', array('jquery'), '1.0', true );
    wp_enqueue_script( 'ajaxHandle' );
    wp_localize_script( 'ajaxHandle', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin_ajax.php' ) ) );
}

function so18550905_wp_ajax_function(){
  //this function should be called but it is not for some reason..
  $testingitouthere=$_POST['my_billing_area'] ;
  file_put_contents('blablablabla.txt', print_r($testingitouthere,true));
  wp_die(); 
}

Код JS:

jQuery(document).ready( function($){

    $('#billing_area').change(function () {
        var billing_area = $('#billing_area').val();
        console.log(billing_area);

    $.ajax({
        url: ajax_object.ajaxurl, // this is the object instantiated in wp_localize_script function
        type: 'POST',
        data:{
            action: 'myaction', 
            my_billing_area: billing_area 
        },
        success: function( data ){
        //Do something with the result from server
        console.log( data );
        }
    });
    return false;
});

});

Проблема в том, что функция в php называется

so18550905_wp_ajax_function()

просто никогда не запускается.. Я пишу в файл в этой функции (до того, как кто-то спросит) исключительно для тестирования только... как только я доберусь до этой точки, я продолжу кодирование оттуда... Jquery также регистрируется в консоли..

Источник

1 ответ

Решение

Попробуйте следующий пересмотренный код на основе предоставленного вами кода, который добавит в пользовательский WC_Session значение поля Billing Area через Ajax.

Тогда вы сможете получить текущую стоимость, используя: $value = WC()->session->get('billing_area'); в пользовательской функции подключен woocommerce_shipping_packages крючок фильтра расположен в WC_Shipping метод calculate_shipping() как вы и просили.

Код:

// Add a custom billing field
add_filter( 'woocommerce_billing_fields', 'add_custom_billing_field', 20, 1 );
function add_custom_billing_field($billing_fields) {

    $billing_fields['billing_area'] = array(
        'label'     => __('Area', 'woocommerce'),
        'placeholder'   => _x('Fill in your area', 'placeholder', 'woocommerce'),
        'required'  => true,
        'class'     => array('form-row-wide' ),
        'clear'     => true,
        'priority' => 65
    );
    return $billing_fields;
}

// The Wordpress Ajax PHP receiver
add_action( 'wp_ajax_billing_area', 'get_ajax_billing_area' );
add_action( 'wp_ajax_nopriv_billing_area', 'get_ajax_billing_area' );
function get_ajax_billing_area() {
    if ( isset($_POST['billing_area']) ){
        WC()->session->set('billing_area', esc_attr($_POST['billing_area']));
        echo $_POST['billing_area'];
    }
    die();
}

// Refreshing session shipping methods data (Mandatory)
add_action( 'woocommerce_checkout_update_order_review', 'refresh_shipping_methods', 10, 1 );
function refresh_shipping_methods( $post_data ){
    $bool = true;
    if ( WC()->session->get('billing_area' ) != '' ) $bool = false;

    // Mandatory to make it work with shipping methods
    foreach ( WC()->cart->get_shipping_packages() as $package_key => $package ){
        WC()->session->set( 'shipping_for_package_' . $package_key, $bool );
    }
    WC()->cart->calculate_shipping();
}

// The jQuery Ajax request
add_action( 'wp_footer', 'checkout_billing_area_script' );
function checkout_billing_area_script() {
    // Only checkout page
    if( is_checkout() && ! is_wc_endpoint_url() ):

    // Remove "billing_area" custom WC session on load
    if( WC()->session->get('billing_area') ){
        WC()->session->__unset('billing_area');
    }
    // jQuery Ajax code below
    ?>
    <script type="text/javascript">
        jQuery( function($){
            var a = '#billing_area', f = 'form.checkout';

            // Ajax function
            function checkBArea( value ){
                 $.ajax({
                    type: 'POST',
                    url: wc_checkout_params.ajax_url,
                    data: {
                        'action': 'billing_area',
                        'billing_area': value,
                    },
                    success: function (result) {
                        $('body').trigger('update_checkout');
                        console.log(result); // For testing (to be removed)
                    }
                });
            }

            // On start
            if( $(a).val() != '' )
                checkBArea($(a).val());

            // On change event
            $(f).on('change', a, function() {
                checkBArea($(this).val());
            });
        });
    </script>
    <?php
    endif;
}

Код помещается в файл function.php вашей активной дочерней темы (active theme). Проверено и работает.

Похожие или похожие темы:

Источник
Другие вопросы по тегам