Показать / скрыть тарифы WooCommerce на основе радио кнопок

Question

Я уже некоторое время ищу решение этой проблемы ... Я пытаюсь показать или скрыть указанные c тарифы доставки, основанные на опции переключателя, добавленной на страницу оформления заказа в Woocommerce. Но я ничего не знаю о Ajax & JQuery, что, как я считаю, требуется.

В основном, если пользователь выбирает радио option_1 , он будет отображать ТОЛЬКО ' flat_rate: 1 ' & ' flat_rate: 2 '. Если пользователь выбирает радио option_2 , он будет отображать ТОЛЬКО ' flat_rate: 3 ' & ' flat_rate: 4 '

Нажмите здесь например, экран оформления заказа

Вот код моих переключателей, отображаемых на странице оформления заказа:

add_action( 'woocommerce_review_order_before_payment','tc_checkout_radio_choice' );
function tc_checkout_radio_choice() {
$businesstype = array(
   'type' => 'radio',
   'class' => array( 'business_residential' ),
   'required' => true,
   'options' => array(
       'option_1' => 'Business',
       'option_2' => 'Residential',
),
);
   echo '<div id="checkout-radio">';
   echo '<h3>Select Your Business Type</h3>';
   woocommerce_form_field( 'radio_choice', $businesstype );
   echo '</div>';
}

Ближайший пример, который я видел, получен из ответа, предоставленного ' LoicTheAzte c 'в этом посте здесь: Показать / скрыть методы доставки на основе значения поля оформления заказа WooCommerce

Я полностью потерян с этим и тем более Я пытаюсь ее решить, чем больше я запутываюсь.

Answer 1

Если кто-то хочет знать, как сделать этот параметр обязательным с уведомлением об ошибке до оплаты, это то, что я сделал ...

Чтобы отменить выбор радиокнопок, я удалил значение из:

//if( empty($field_value) )
    $field_value = '';

И добавил этот код в процесс оформления заказа в конце кода от Loi c, который добавляет уведомление, если переключатель не был выбран:

// Show notice if customer does not select a business type 
add_action( 'woocommerce_checkout_process', 'business_type_error_message' );
function business_type_error_message() {
if ( ! (int) isset( $_POST['customer_type'] ) ) {
    wc_add_notice( __( 'Please select an order type to calculate the correct shipping and proceed with your order.' ), 'error' );
}
}

Надеюсь, это поможет другим там!

Answer 2

Вот правильный способ показать скрытые методы доставки на основе выбора нескольких переключателей на странице оформления заказа, который требует использования PHP, Ajax, jQuery и W C Session.

Если выбран переключатель «Бизнес» (выбор по умолчанию), методы доставки flat_rate:3 и flat_rate:4 будут скрыты, поэтому клиент сможет выбирать только методы доставки flat_rate:1 или flat_rate:2 .

Если выбран переключатель "Жилой" , то способы доставки flat_rate:1 и flat_rate:2 будут скрыты, поэтому клиент сможет выбрать только flat_rate:3 или flat_rate:4. способы доставки.

Код:

// Display a Custom radio buttons fields for shipping options
add_action( 'woocommerce_review_order_before_payment','checkout_customer_type_radio_buttons' );
function checkout_customer_type_radio_buttons() {
    $field_id = 'customer_type';

    echo '<div id="customer-type-radio">';
    echo '<h3>' . __("Select Your Business Type", "woocommerce") . '</h3>';

    // Get the selected radio button value (if selected)
    $field_value = WC()->session->get( $field_id );

    // Get customer selected value on last past order
    if( empty($field_value) )
        $field_value = WC()->checkout->get_value( $field_id );

    // The default value fallback
    if( empty($field_value) )
        $field_value = 'Business';

    woocommerce_form_field( $field_id, array(
        'type' => 'radio',
        'class' => array( $field_id ),
        'required' => true,
        'options' => array(
            'Business'      => __('Business', 'woocommerce'),
            'Residential'   => __('Residential', 'woocommerce'),
        ),
    ), $field_value );

    echo '</div>';
}

// Conditionally show/hide shipping methods
add_filter( 'woocommerce_package_rates', 'shipping_package_rates_filter_callback', 100, 2 );
function shipping_package_rates_filter_callback( $rates, $package ) {
    $customer_type = WC()->session->get( 'customer_type' ); // Get the customere type

    if ( $customer_type === 'Business' ) {
        if( isset( $rates['flat_rate:3'] ) )
            unset( $rates['flat_rate:3'] );

        if( isset( $rates['flat_rate:4'] ) )
            unset( $rates['flat_rate:4'] );
    } 
    elseif ( $customer_type === 'Residential' ) {
        if( isset( $rates['flat_rate:1'] ) )
            unset( $rates['flat_rate:1'] );

        if( isset( $rates['flat_rate:2'] ) )
            unset( $rates['flat_rate:2'] );
    }

    return $rates;
}

// function that gets the Ajax data
add_action( 'wp_ajax_get_customer_type', 'wc_get_customer_type' );
add_action( 'wp_ajax_nopriv_get_customer_type', 'wc_get_customer_type' );
function wc_get_customer_type() {
    $field_id = 'customer_type';

    if ( isset($_POST[$field_id]) && ! empty($_POST[$field_id]) ){
        WC()->session->set($field_id, $_POST[$field_id] );
    } 

    echo json_encode( WC()->session->get( $field_id ) );

    die(); // (required)
}

// The Jquery Ajax script
add_action( 'wp_footer', 'custom_checkout_ajax_jquery_script' );
function custom_checkout_ajax_jquery_script() {
    $field_id = 'customer_type';

    if( WC()->session->__isset($field_id) ) 
        WC()->session->__unset($field_id);

    // Only on checkout when billing company is not defined
    if( is_checkout() && ! is_wc_endpoint_url() ):
    ?>
    <script type="text/javascript">
    jQuery( function($){
        if (typeof wc_checkout_params === 'undefined') 
            return false;

        var fieldId = 'p#customer_type_field input';

        function userTypeTriggerAjax( customerType ){
            $.ajax({
                type: 'POST',
                url: wc_checkout_params.ajax_url,
                data: {
                    'action': 'get_customer_type',
                    'customer_type': customerType,
                },
                success: function (result) {
                    // Trigger refresh checkout
                    $('body').trigger('update_checkout');
                    console.log(result);
                }
            });
        }

        // On start
        if( $(fieldId).val() != '' ) {
            userTypeTriggerAjax( $(fieldId).val() );
        }

        // On change
        $(fieldId).change( function () {
            userTypeTriggerAjax( $(this).val() );
        });
    });
    </script>
    <?php
    endif;
}

// Enabling, disabling and refreshing session shipping methods data
add_action( 'woocommerce_checkout_update_order_review', 'refresh_shipping_methods', 10, 1 );
function refresh_shipping_methods( $post_data ){
    $bool = true;

    if ( in_array( WC()->session->get('customer_type' ), ['Business', 'Residential'] ) )
        $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();
}

Код входит в функции. php Файл вашей активной дочерней темы (или активной темы). Протестировано и работает.

Код на основе этих связанных тем:

• Снять стоимость доставки, если в WooCommerce Checkout установлен флажок
• Показать / скрыть методы доставки на основе значения поля оформления заказа WooCommerce