在 Woocommerce 中更改结帐帐单字段占位符

Posted

技术标签:

【中文标题】在 Woocommerce 中更改结帐帐单字段占位符【英文标题】:Change a checkout billing field placeholder in Woocommerce 【发布时间】:2018-06-13 07:32:52 【问题描述】:

我正在尝试使用以下代码更改结帐页面中“帐单地址 2”的字段占位符:

add_filter( 'woocommerce_checkout_fields' ,  'custom_override_checkout_fields',9999 );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) 
   $fields['billing']['billing_address_2']['placeholder']="dssfsd";
   return $fields;

它只改变片刻而不是返回到它的默认值。 观看以下视频(10 秒): https://www.youtube.com/watch?v=-qOZ67gFQ98

【问题讨论】:

【参考方案1】:

获得此信息的唯一方法是使用woocommerce_default_address_fields,但它会更改地址 2 结帐字段的帐单和运输占位符:

add_filter( 'woocommerce_default_address_fields', 'custom_override_default_checkout_fields', 10, 1 );
function custom_override_default_checkout_fields( $address_fields ) 
    $address_fields['address_2']['placeholder'] = __( 'dssfsd', 'woocommerce' );

    return $address_fields;

代码进入您的活动子主题(或活动主题)的 function.php 文件中。

经过测试并且可以工作


现在,如果您想更改地址 2 帐单字段占位符,您将:

    取消设置默认地址 2 字段占位符(用于运输和帐单字段) 仅自定义帐单地址 2 字段占位符 放回送货地址 2 字段占位符

下面是两个钩子函数的代码:

add_filter( 'woocommerce_default_address_fields', 'custom_override_default_checkout_fields', 10, 1 );
function custom_override_default_checkout_fields( $address_fields ) 
    // Remove labels for "address 2" shipping fields
    unset($address_fields['address_2']['placeholder']);

    return $address_fields;


add_filter( 'woocommerce_checkout_fields', 'custom_override_checkout_fields', 90, 1 );
function custom_override_checkout_fields( $fields ) 
    // Add custom billing "address 2" label
    $fields['billing']['billing_address_2']['placeholder'] = __( 'dssfsd', 'woocommerce' );
    // Put back shipping "address 2" label
    $fields['shipping']['shipping_address_2']['placeholder'] = __( 'Apartment, suite, unit etc. (optional)', 'woocommerce' );

    return $fields;

代码进入您的活动子主题(或活动主题)的 function.php 文件中。

经过测试并且可以工作

【讨论】:

以上是关于在 Woocommerce 中更改结帐帐单字段占位符的主要内容,如果未能解决你的问题,请参考以下文章

在 WooCommerce 结帐时格式化帐单电话号码

在帐单/运输表单中自定义占位符

当用户选择贝宝付款方式时,在结帐表单中禁用 WooCommerce 中的帐单地址

所有 WooCommerce 结帐字段的自定义占位符

在 Woocommerce 3+ 中自定义一些结帐字段属性

Woocommerce 和 PayPal 账单地址