チェックアウトカスタムフィールド値を保存し、WooCommerce管理者注文に表示します

Question

チェックアウトには、注文に関する特定の事項について顧客に質問するための追加のフィールドがいくつかあります。これらのほとんどはテキスト入力フィールドですが、クライアントサイトについてどのように聞いたかを尋ねる選択メニューが1つあります。選択したオプションの注文のメタ領域に値を表示する方法を理解できませんでした。テーマからfunctions.phpファイルにselectドロップダウンを生成する方法は次のとおりです。

woocommerce_form_field( 'aba_hear', array(
    'type'     => 'select',
    'required' => 'true',
    'class'    => array('hear-class form-row-wide'),
    'label'    => __('How did You Hear About Us?'),
    'options'  => array( // options for <select> or <input type="radio" />
        ''          => 'Please select', // empty values means that field is not selected
        'Instagram' => 'Instagram',
        'Facebook'  => 'Facebook',
        'Yelp'  => 'Yelp',
        'Other' => 'Other',
    )

), $checkout->get_value( 'aba_hear' ) );

次に、注文メタ値を更新する関数を追加します。

add_action( 'woocommerce_checkout_update_order_meta', 'aba_checkout_field_update_order_meta' );

function aba_checkout_field_update_order_meta( $order_id ) {
    if ( ! empty( $_POST['aba_hear'] ) ) { update_post_meta( $order_id, 'How did You Hear About Us?', sanitize_text_field( $_POST['aba_hear'] ) );
    }
}

そして最後に注文ページに値を表示します：

add_action( 'woocommerce_admin_order_data_after_billing_address', 'aba_checkout_field_display_admin_order_meta', 10, 1 );
function aba_checkout_field_display_admin_order_meta($order){
    echo '<p><strong>'.__('How did You Hear About Us&#63;').':</strong> ' . get_post_meta( $order->id, 'Is this a Gift&#63;', true ) . '</p>';
}

最後に、チェックアウト時に選択メニューのコードがどのように表示されるかを次に示します。

<p class="form-row hear-class form-row-wide validate-required" id="aba_hear_field" data-priority="">
    <label for="aba_hear" class="">How did You Hear About Us&#063;&nbsp;<abbr class="required" title="required">*</abbr></label>
    <span class="woocommerce-input-wrapper">
        <select name="aba_hear" id="aba_hear" class="select " data-allow_clear="true" data-placeholder="Please select">
            <option value=""  selected='selected'>Please select</option>
            <option value="Instagram" >Instagram</option>
            <option value="Facebook" >Facebook</option>
            <option value="Yelp" >Yelp</option>
            <option value="Other" >Other</option>
        </select>
    </span>
</p>

現在、これはテキスト入力フィールドでは正常に機能しますが、メニューを選択することはできません。結果のデータを表示できるように、これを変更して機能させるにはどうすればよいですか？

Answer 1

一部の機能にいくつかの間違いがあります…次の機能では、メタキーと同じチェックアウトフィールドキーを使用する必要があります。

2番目の関数では、別のフックを使用して、カスタムフィールドもユーザーメタデータとして保存します。

add_action( 'woocommerce_checkout_create_order', 'aba_checkout_field_update_order_meta' );

function aba_checkout_field_update_order_meta( $order ) { if ( isset($_POST['aba_hear']) && ! empty($_POST['aba_hear']) ) { $order->update_meta_data( '_aba_hear', sanitize_text_field( $_POST['aba_hear'] ) ); // Update user data if( $order->get_user_id() > 0 ) {
            update_user_meta( $order->get_user_id(), 'aba_hear', true );
        }
    }
}

3番目の関数でこれを使用します：

add_action( 'woocommerce_admin_order_data_after_billing_address', 'aba_checkout_field_display_admin_order_meta', 10, 1 );
function aba_checkout_field_display_admin_order_meta( $order ){
    $value = $order->get_meta( '_aba_hear' );

    if ( ! empty($value) ) { echo '<p><strong>'.__('How did You Hear About Us&#63;').':</strong> ' . $value . '</p>';
    }
}

今はうまくいくはずです。

---

ノート：

このチェックアウトフィールドをカスタムユーザーメタデータとしても保存するのはなぜですか？

最初の関数$checkout->get_value( 'aba_hear' )では、このカスタムチェックアウトフィールドに顧客の最後の注文から選択した値が表示されるためです。値はユーザーメタ 'aba_hear'から読み取られます。