WooCommerce'da konuklar ve müşteriler için bir alandan posta kodu ayarlayın

Jan 14 2021

Ana fikir, bir misafirin posta kodunu doğrulamak ve ona göre farklı mesajlar göstermektir. Bu ileti dizisini gönderi kodunu ayarlamak için kullandım: WooCommerce'de sepete eklemeden önce kargo posta kodunu erken ayarlayın

Açılış sayfasındaki bir girişin değerini alan çalışan bir AJAX isteği oluşturdum.

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

  let postcodeField = jQuery("#postcode-field");
  let postcodeVal;

  postcodeField.on("change", function () {
    postcodeVal = postcodeField.val();
  });

  jQuery("#ph_btn").on("click", function () {

    var data = {
      action: 'postcode_handler',
      postcode: postcodeVal
    };

    // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
    // If you need it on a public facing page, uncomment the following line:
    var ajaxurl = ph_script.ajax_url;

    jQuery.ajax({
      type: 'POST',
      url: ajaxurl,
      data: data,
      success: function (result) {
        // console.log(result);
      },
      error: function () {
        console.log("error");
      }
    });
  })
});

Değer daha sonra postcodedeğeri konuk oturumuna katması beklenen bir PHP işlevine aktarılır customer_data.

function my_AJAX_processing_function(){

    // Getting the postcode value
    $postcode = intval($_POST['postcode'] ); //Check if the input was a valid integer if ( $postcode == 0 ) {
        echo "Invalid Input";
            wp_die();
    }
    
    //Important: Early enable customer WC_Session 
    add_action( 'init', 'wc_session_enabler' );
    function wc_session_enabler() {
        if ( ! is_admin() && ! WC()->session->has_session() ) {
            WC()->session->set_customer_session_cookie( true );
        }
    }

    // Get an array of the current customer data stored in WC session
    $customer_data = (array) WC()->session->get('customer'); // Change the billing postcode $customer_data['postcode'] = $postcode; // Change the shipping postcode $customer_data['shipping_postcode'] = $postcode; // Save the array of customer WC session data WC()->session->set('customer', $customer_data);

    // Sending a response to the AJAX request
    echo($postcode);
    
    wp_die();

}

Ayrıca konuğun oturumunu göstermek için bir kısa kod işlevi oluşturdum customer_data.

function shortcode_postcode_field(){

  // Getting the customer data from the session
  $customer_data = (array) WC()->session->get('customer');

  // Get the billing postcode
  // if ( isset( $customer_data['postcode'] ) ) $postcode = $customer_data['postcode']; // Showing the customer data for debug reasons var_dump($customer_data);

  return '
  <p class="form-row postcode-field on" id="postcode-field_field" data-priority="">
    <label for="postcode-field" class="">Code postal&nbsp;
      <span class="optional">(facultatif)</span>
    </label>
    <span class="woocommerce-input-wrapper">
      <input type="number" class="input-text" name="postcode" id="postcode-field" placeholder="85000" value="">
    </span>
    <button id="ph_btn" style="color: black">Vérifier son code postal</button>
    <p>Votre code postal est '.$postcode.'</p>
  </p>
  ';
}
add_shortcode( 'postcode-field', 'shortcode_postcode_field' );

Sorun, AJAX yanıtını alan PHP işlevinin postcodekonuğun oturumunu ayarlamamasıdır customer_data. postcodeDoğrudan kısa kodda (aynı yöntemle) ayarlamayı denedim ve işe yarıyor.

Sorunun nerede olduğunu anlamama yardım eder misin? Ayrıca hata ayıklamakta zorlanıyorum - oturumun customer_datadeğiştiğini nasıl anlarım ?

Teşekkür ederim.

DÜZENLEME: Konuğun oturumunu customer dataAJAX yanıtına gönderdim ve şunu aldım:

array(26) { ["id"]=> string(1) "0" ... ["postcode"]=> int(44500) ... }

Bu, verilerin AJAX yanıtından hemen sonra depolandığı anlamına gelir. Sorun, sayfayı yeniden yüklediğimde ve misafir oturumunu customer datatekrar almaya çalıştığımda bu verilerin saklanmadığı görülüyor .

Yanıtlar

2 LoicTheAztec Jan 14 2021 at 20:16

Bunun yerine, WC_CustomerObject üzerinde aşağıdaki gibi mevcut ayarlayıcı ve alıcı yöntemlerini kullanmanız gerekir :

  • WC()->customer->get_billing_postcode() veya WC()->customer->get_shipping_postcode()
  • WC()->customer->set_billing_postcode() veya WC()->customer->set_shipping_postcode()

Şimdi kodunuzda bazı hatalar var. Tüm kodunuzu aşağıdaki gibi tekrar gözden geçirdim:

// Early enable customer WC_Session
add_action( 'init', 'wc_session_enabler' );
function wc_session_enabler() {
    if ( ! is_admin() && ! WC()->session->has_session() ) {
        WC()->session->set_customer_session_cookie( true );
    }
}

// Shortcode
add_shortcode( 'postcode-field', 'shortcode_postcode_field' );
function shortcode_postcode_field(){
    return '<p class="form-row postcode-field on" id="postcode-field_field" data-priority="">
        <label for="postcode-field" class="">' . __("Postcode", "woocommerce") . '&nbsp;
            <span class="optional">(optional)</span>
        </label>
        <span class="woocommerce-input-wrapper">
            <input type="number" class="input-text" name="postcode-input" id="postcode-input" placeholder="85000" value="">
        </span>
        <button id="postcode-submit" name="postcode-submit" class="button alt">' . __("Check your postcode", "woocommerce") . '</button>
        <br><div class="postcode-message" style="display:none"></div>
    </p>';
}

// Jquery (Ajax sender)
add_action( 'wp_footer', 'postcode_field_js_script' );
function postcode_field_js_script() {
    ?>
    <script type="text/javascript">
    jQuery( function($) { var postcode = ''; $('#postcode-input').on("input change", function () {
            postcode = $(this).val(); }); $("#postcode-submit").on('click', function () {
            $.ajax({ type: 'POST', url: '<?php echo admin_url('/admin-ajax.php'); ?>', data: { 'action': 'postcode_receiver', 'postcode': postcode }, success: function (response) { $('.postcode-message').html(response).show(300);
                    // console.log(response);
                },
                error: function (error) {
                    $('.postcode-message').html(error).show(300); // console.log(error); } }); }); }); </script> <?php } // Php (Ajax receiver) - Check and set the postcode - return message (notice) add_action('wp_ajax_postcode_receiver', 'postcode_receiver'); add_action('wp_ajax_nopriv_postcode_receiver', 'postcode_receiver' ); function postcode_receiver(){ if( isset($_POST['postcode']) ) {
        $postcode = sanitize_text_field($_POST['postcode']);

        if ( $postcode > 0 ) { WC()->customer->set_shipping_postcode($postcode);
            WC()->customer->set_billing_postcode($postcode); $saved_postcode = WC()->customer->get_shipping_postcode();

            echo sprintf( '<span style="color:green;">' . __("Your postcode %s has been registered successfully.", "woocommerce") . '</span>', '"' . $saved_postcode . '"' );
        } else {
            echo '<span style="color:red;">' . __("Check your postcode input please.", "woocommerce") . '</span>';
        }
        wp_die();
    } else {
        echo '<span style="color:red;">' . __("A problem has occurred, try later.", "woocommerce") . '</span>';
        wp_die();
    }
}

Kod, aktif alt temanın (veya aktif temanın) functions.php dosyasına girer. Test edildi ve çalışıyor.