将邮政编码送货字段更改为 Woocommerce 中的下拉列表

Question

我试图将运输中的 postcode 字段设为 select 类型，并在 woocommerce 结帐页面中使用我的选项：

取消设置运输状态和 post 代码结帐字段

add_filter( 'woocommerce_checkout_fields' , 'partial_unsetting_checkout_fields' );
function partial_unsetting_checkout_fields( $fields ) {
     unset($fields['shipping']['woocommerce_checkout_fields']);
     return $fields;
}

正在重新插入自定义运送 post 代码结帐字段，

add_filter( 'woocommerce_checkout_fields' , 'art_override_default_address_fields' );
function art_override_default_address_fields( $fields ) {
    $fields['shipping_postcode']['type'] = 'select';
    $fields['shipping_postcode']['class'] = array('form-row-wide');
    $fields['shipping_postcode']['required'] = true;
    $fields['shipping_postcode']['label'] = __('Postcode', 'my_theme_slug');
    $fields['shipping_postcode']['placeholder'] = __('Enter Postcode', 'my_theme_slug');
    $fields['shipping_postcode']['default'] ='Choice 1';
    $fields['shipping_postcode']['options'] = array(
        'option_1' => 'Choice 1',
        'option_2' => 'Choice 2',
        'option_3' => 'Choice 3'
    );
}

如何将结算 post 代码转换为具有自定义选项的 select 字段？

Answer 1

有多种方法可以做到：

1) 仅用于送货邮政编码字段，您将使用以下内容：

add_filter( 'woocommerce_shipping_fields' , 'customize_shipping_postcode_field' );
function customize_shipping_postcode_field( $shipping_fields ) {

    $shipping_fields['shipping_postcode']['type'] = 'select';
    $shipping_fields['shipping_postcode']['options'] = array(
        ''         => __('Select your postcode', 'woocommerce'),
        'option_1' => 'Choice 1',
        'option_2' => 'Choice 2',
        'option_3' => 'Choice 3'
    );

    return $shipping_fields;
}

代码进入您的活动子主题（或活动主题）的 function.php 文件。它应该有效。

2) 对于账单和送货邮政编码字段，您可以改用它：

add_filter( 'woocommerce_default_address_fields' , 'customize_postcode_fields' );
function customize_postcode_fields( $adresses_fields ) {

    $adresses_fields['postcode']['type'] = 'select';
    $adresses_fields['postcode']['options'] = array(
        ''         => __('Select your postcode', 'woocommerce'),
        'option_1' => 'Choice 1',
        'option_2' => 'Choice 2',
        'option_3' => 'Choice 3'
    );

    return $adresses_fields;
}

代码进入您的活动子主题（或活动主题）的 function.php 文件。它应该有效。

将邮政编码送货字段更改为 Woocommerce 中的下拉列表

Change postcode shipping field to a dropdown in Woocommerce

php

wordpress

html-select

checkout

woocommerce