在Woocommerce中的计费详细信息之前添加一个新的自定义结帐字段？
提问于 2018-05-09 07:35:52
我可以将一组自定义字段添加到我的WooCommerce结账屏幕上，但需要将其移动到“计费详细信息”之上。
怎样才能做到呢？
根据这是官方的WooCommerce文档，下面是添加额外自定义签出字段的示例代码：
/**
* Add the field to the checkout
*/
add_action( 'woocommerce_after_order_notes', 'my_custom_checkout_field' );
function my_custom_checkout_field( $checkout ) {
echo '<div id="my_custom_checkout_field"><h2>' . __('My Field') . '</h2>';
woocommerce_form_field( 'my_field_name', array(
'type' => 'text',
'class' => array('my-field-class form-row-wide'),
'label' => __('Fill in this field'),
'placeholder' => __('Enter something'),
), $checkout->get_value( 'my_field_name' ));
echo '</div>';
}
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-05-09 09:55:22
更新:在结帐前只有一个可用的钩子，您可以使用它来添加签出表单中的自定义字段。尝试以下完整的代码：
add_action( 'woocommerce_checkout_before_customer_details', 'custom_checkout_fields_before_billing_details', 20 );
function custom_checkout_fields_before_billing_details(){
$domain = 'woocommerce';
$checkout = WC()->checkout;
echo '<div id="my_custom_checkout_field">';
echo '<h3>' . __('My New Fields Section') . '</h3>';
woocommerce_form_field( '_my_field_name', array(
'type' => 'text',
'label' => __('My 1st new field', $domain ),
'placeholder' => __('Please fill in "my 1st new field"', $domain ),
'class' => array('my-field-class form-row-wide'),
'required' => true, // or false
), $checkout->get_value( '_my_field_name' ) );
echo '</div>';
}
// Custom checkout fields validation
add_action( 'woocommerce_checkout_process', 'custom_checkout_field_process' );
function custom_checkout_field_process() {
if ( isset($_POST['_my_field_name']) && empty($_POST['_my_field_name']) )
wc_add_notice( __( 'Please fill in "My 1st new field".' ), 'error' );
}
// Save custom checkout fields the data to the order
add_action( 'woocommerce_checkout_create_order', 'custom_checkout_field_update_meta', 10, 2 );
function custom_checkout_field_update_meta( $order, $data ){
if( isset($_POST['_my_field_name']) && ! empty($_POST['_my_field_name']) )
$order->update_meta_data( '_my_field_name', sanitize_text_field( $_POST['_my_field_name'] ) );
}代码在您的活动子主题(或活动主题)的function.php文件中。测试和工作。
您将使用新的自定义字段获得一个新的字段部分(您也可以在其中拥有许多字段)：
官方参考文档：使用操作和过滤器自定义签出字段
Stack Overflow用户
发布于 2018-05-09 08:28:19
WooCommerce使用钩子来显示结帐页面元素，例如计费和发货字段。您可以使用它们添加您自己的自定义内容。您会注意到，您发布的第一行代码包含woocommerce_after_order_notes，这是其中一个钩子。它定义了字段的位置。
如果您想在计费详细信息之前添加一条消息，可以使用以下钩子来完成: woocommerce_before_checkout_billing_form
您可以在WooCommerce上找到完整的https://docs.woocommerce.com/wc-apidocs/hook-docs.html钩子列表。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50257147
复制相关文章
点击加载更多
腾讯云开发者
