在Woocommerce Checkout的帐单国家/地区下方添加自定义字段 [英] Add a custom field below billing country in Woocommerce Checkout

问题描述

我正在将 WordPress 5.0.2 与 WooCommerce 3.5.3 一起使用，并且有一个自定义选择下拉字段在结帐页面上使用optgroup时，该字段可以按预期工作，但是它显示在订单注释之后，我希望它显示在 billing_country 字段下方。

  add_action（'woocommerce_before_order_notes' ，'custom_checkout_select_field_with_optgroup'，10，1）; 
函数custom_checkout_select_field_with_optgroup（$ checkout）{
 $ domain =‘woocommerce’； 
 $ title = __（ Region，$ domain）; 
 $ slug = sanitize_title（$ title）; 
 $ default = __（选择您的区域，$ domain）; 
 $ value = $ checkout-> get_value（$ slug）; 
 
 //具有optgroup 
的区域选项数据数组$ options = array（
 __（ North Region，$ domain）=> array（
'region1 '=> __（ Region 1，$ domain），
'region2'=> __（ Region 2，$ domain），
），
 __（ South Region，$ domain）=>数组（
'region3'=> __（ Region 3，$ domain），
'region4'=> __（ Region 4，$域），
）
）; 
 
 //字段
 echo'< p class = form-row form-row-wide-'。$ slug .'- dropdown id ='。$ slug。' _field data-priority => 
< label for =’。$ slug。’ class =>’。$ title。’< / label> 
< span class = woocommerce-input-wrapper> 
<选择name =’。$ slug。’ id =’。$ slug。’ class = select data-placeholder = autocomplete =’。$ slug.。> 
< option value =>’。$ default。’< / option>’;; 
 
 //遍历 optgroup 
 foreach（$ options as $ optgroup_label => $ optgroup_options）{
 echo'< optgroup label ='。$ optgroup_label。 '>'; 
 //在 optgroup中的 options中循环
 foreach（$ optgroup_options as $ key => $ label）{
 $ selected = $ value === $ key？ ‘selected = selected’：’’； 
 echo‘< option value =’。$ key。’。$ selected。’>’。$ label。’< / option>’; 
} 
 echo‘< / optgroup>’； 
} 
 
 echo‘< / select>< / span>< / p>’； 
} 
  

此代码来自上一个线程：

相关： WooCommerce选择Optgroup并在结帐时选择下拉列表

I'm using WordPress 5.0.2 with WooCommerce 3.5.3 and I have a custom select dropdown field with optgroup on the checkout page, the field work as expected but it appear after the order note and I would like that it appear below the billing_country field.

add_action('woocommerce_before_order_notes', 'custom_checkout_select_field_with_optgroup', 10, 1 );
function custom_checkout_select_field_with_optgroup( $checkout ) {
    $domain  = 'woocommerce';
    $title   = __("Region", $domain);
    $slug    = sanitize_title($title);
    $default = __("Select your region", $domain);
    $value   = $checkout->get_value($slug);

    // Region option data array with optgroup
    $options = array(
        __("North Region", $domain) => array(
            'region1' => __("Region 1", $domain),
            'region2' => __("Region 2", $domain),
        ),
        __("South Region", $domain) => array(
            'region3' => __("Region 3", $domain),
            'region4' => __("Region 4", $domain),
        )
    );

    // The field
    echo '<p class="form-row form-row-wide '.$slug.'-dropdown" id="'.$slug.'_field" data-priority="">
    <label for="'.$slug.'" class="">'.$title.'</label>
    <span class="woocommerce-input-wrapper">
    <select name="'.$slug.'" id="'.$slug.'" class="select " data-placeholder="" autocomplete="'.$slug.'">
    <option value="">'.$default.'</option>';

    // Loop through "optgroup"
    foreach( $options as $optgroup_label => $optgroup_options ) {
        echo '<optgroup label="'.$optgroup_label.'">';
        // Loop through "options" in the "optgroup"
        foreach( $optgroup_options as $key => $label ) {
            $selected = $value === $key ? ' selected="selected"': '';
            echo '<option value="'.$key.'"'.$selected.'>'.$label.'</option>';
        }
        echo '</optgroup>';
    }

    echo '</select></span></p>';
}

The code comes this previous thread: WooCommerce Select Dropdown With Optgroup On Checkout

I'm aware that this custom field is not hooked to the woocommerce_checkout_fields, And if I do so, it doesn't show the field because I guess that this custom select field is not pulled from the class-wc-countries.php.

解决方案

This Github thread adds to WooCommerce available form field types a select field with options group "select_og". Get it on Github: lomars / Woocommerce select field with option group

This code is required for this answer.

Now you will be able to include a custom select field with option groups in Woocommerce form fields like checkout billing and shipping fields.

Here is that code for your Billing and shipping region field:

// Custom function that returns the options data array for "Region" field
function wc_get_region_options_data( $domain ){
    return [
        '' => __("Choose an option…"),
        __("North Region", $domain) => [
            'region1'   => __("Region 1", $domain),
            'region2'   => __("Region 2", $domain),
        ],
        __("South Region", $domain) => [
            'region3'   => __("Region 3", $domain),
            'region4'   => __("Region 4", $domain),
            'region5'   => __("Region 5", $domain),
            'region6'   => __("Region 6", $domain),
        ],
        __("East Region", $domain)  => [
            'region7'   => __("Region 7", $domain),
            'region8'   => __("Region 8", $domain),
            'region9'   => __("Region 9", $domain),
        ],
    ];
}

// Custom function that returns the "Region" field data array
function wc_get_region_field( $fields, $group ){
    $domain   = 'woocommerce';
    $options  = wc_get_region_options_data( $domain );
    $priority = (int) $fields[$group.'_country']['priority'];

    $fields[$group.'_region'] = array(
        'label'    => __("Region", $domain),
        'type'     => 'select_og',
        'class'    => array( 'form-row-wide' ),
        'required' => true,
        'priority' => $priority + 5,
        'options'  => $options,
        'clear'    => true,
    );

    return $fields;
}

// Include region field in billing section after billing country
add_filter('woocommerce_billing_fields', 'region_select_billing_field_with_optgroup', 10, 1 );
function region_select_billing_field_with_optgroup( $billing_fields ) {
    $billing_fields = wc_get_region_field( $billing_fields, 'billing' );
    return $billing_fields;
}

// Include region field in shipping section after shipping country
add_filter('woocommerce_shipping_fields', 'region_select_shipping_field_with_optgroup', 10, 1 );
function region_select_shipping_field_with_optgroup( $shipping_fields ) {
    $shipping_fields = wc_get_region_field( $shipping_fields, 'shipping' );
    return $shipping_fields;
}

Code goes in function.php file of your active child theme (or active theme). Tested and works.

Related: WooCommerce Select Dropdown With Optgroup On Checkout

这篇关于在Woocommerce Checkout的帐单国家/地区下方添加自定义字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！