WooCommerce의 게스트 및 고객에 대한 필드에서 우편 번호 설정

Jan 14 2021

주요 아이디어는 게스트의 우편 번호를 확인하고 그에 따라 다른 메시지를 표시하는 것입니다. 이 스레드를 사용하여 배송 코드를 설정 했습니다. WooCommerce에서 장바구니에 추가하기 전에 배송 우편 번호 를 미리 설정합니다.

랜딩 페이지의 입력 값을받는 작동하는 AJAX 요청을 작성했습니다.

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");
      }
    });
  })
});

그런 다음이 값은 postcode게스트 세션에 값을 추가해야하는 PHP 함수에 전달됩니다 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();

}

게스트의 세션을 표시하는 단축 기능도 구축했습니다 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' );

문제는 AJAX 응답을받는 PHP 함수가 postcode게스트의 세션 으로 설정되지 않는 것 같습니다 customer_data. postcode동일한 방법으로 단축 코드 에서 직접 설정을 시도 했으며 작동합니다.

문제가 어디에 있는지 알아 내도록 도와 주시겠습니까? 또한 디버깅하는 데 어려움이 있습니다. 세션 customer_data이 변경되었음을 어떻게 알 수 있습니까?

감사합니다.

편집 : 게스트의 세션 customer data을 AJAX 응답으로 보냈고 다음 과 같이했습니다.

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

이는 데이터가 AJAX 응답 직후에 저장됨을 의미합니다. 문제는 페이지를 다시로드하고 게스트의 세션을 customer data다시 가져 오려고 할 때이 데이터가 저장되지 않는 것 같습니다 .

WooCommerce의 게스트 및 고객에 대한 필드에서 우편 번호 설정

답변