將 Woocmmerce 結帳頁面中的郵政編碼字段更改為下拉列表

Question

我的 Woocommerce 商店的訂單有基於郵政編碼的最低訂單金額。 此外，一旦用戶鍵入郵政編碼（例如他需要多少才能結帳），我就會顯示基於郵政編碼的自定義錯誤消息。 因此，為了防止用戶輸入無效的郵政編碼（這意味着我們不提供的郵政編碼），我正在顯示下拉列表以在結帳頁面中選擇他的有效郵政編碼。

基於此線程將郵政編碼運輸字段更改為 Woocommerce 中的下拉列表，我可以使用選項將郵政編碼字段轉換為下拉列表。

但是，當我從下拉列表中選擇任何選項時，Woocommerce 收到“郵政編碼無效”的錯誤消息。 我的自定義消息也沒有顯示。

下面是我從上面的線程使用的代碼。

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' => '000001',
'option_2' => '000002',
'option_3' => '000003'
);

return $adresses_fields;

}

Answer 1

嘗試改用以下內容：

add_filter( 'woocommerce_default_address_fields' , 'customize_postcode_fields' );
function customize_postcode_fields( $adresses_fields ) {
    $adresses_fields['postcode']['type'] = 'select';
    $adresses_fields['postcode']['input_class'] = array('state_select');
    $adresses_fields['postcode']['options'] = array(
        '' => __('Select your postcode', 'woocommerce'),
        '000001' => '000001',
        '000002' => '000002',
        '000003' => '000003'
    );

    return $adresses_fields;
}

代碼位於活動子主題（或活動主題）的 functions.php 文件中。 在 Storefront 主題下的最后一個 WooCommerce 版本 4.5.1 上測試和工作。