如果默认情况下未显示任何值，则在 WooCommerce 结账帐单电子邮件字段上显示占位符

Question

我有一个 Wordpress 网站，其中包含使用 WooCommerce 的购物车。一切似乎都运行良好，除了一个小问题 - 结帐页面上的帐单电子邮件输入字段似乎缺少占位符文本。我尝试解决潜在的插件冲突问题，但这似乎没有任何结果。

我还尝试将以下php代码添加到子主题的functions.php文件中：

add_filter( 'woocommerce_checkout_fields' , 'override_billing_checkout_fields', 20, 1 );

function override_billing_checkout_fields( $fields ) {
  $fields['billing']['billing_email']['placeholder'] = 'Your Email Address';
  return $fields;
}

这不起作用。我知道代码有效，我已经通过使用它来更改“名字”字段的占位符文本来测试它 - 这有效（我确实将其更改回默认值）。

我遇到问题的结帐页面的网址如下： https://www.acoustichutch.com/checkout/

如何获得默认情况下没有任何占位符值的输入字段来显示占位符文本？

任何帮助或指出正确的方向将不胜感激！

提前致谢！

Answer 1

要使 WooCommerce 结账帐单电子邮件字段在默认值为空时显示占位符，请尝试以下操作：

add_filter( 'woocommerce_checkout_fields' , 'conditional_checkout_billing_email_placeholder', 20, 1 );

function conditional_checkout_billing_email_placeholder( $fields ) {
    $billing_email = WC()->checkout->get_value('billing_email');

    if ( empty($billing_email) ) {
        $fields['billing']['billing_email']['placeholder'] = __('Your Email Address');
    }
    return $fields;
}

代码位于子主题的functions.php 文件中（或插件中）。应该可以。