Woocommerce-将自定义字段添加到签出&；自定义仪表板选项卡

我有一个多步骤结账，因此我创建了一个新的自定义步骤，称为“卡数据”，我希望客户填写输入。这些输入也应该出现在我的帐户的选项卡上。我已经为我的帐户仪表板创建了一个新的自定义选项卡。 请告诉我，我如何在结账过程中创建自定义字段，并使它们在“自定义仪表板”选项卡中可见。客户应能够通过仪表板自行更改数据条目

非常感谢

// i use multistep checkout wizzard plugin. here i create a step, where user 
enters the card data



add_action('woocommerce_multistep_checkout_before', 'add_visica_step');

function add_visica_step() {
$contents = '<h1>Visica Daten</h1>';
$contents .= '<div class="visica-step"> Please Enter something </div>';
echo $contents;
}


add_filter ( 'woocommerce_account_menu_items', 'one_more_link' );
function one_more_link( $menu_links ){


$new = array( 'carddata' => 'Card Data' );


$menu_links = array_slice( $menu_links, 0, 1, true ) 
+ $new 
+ array_slice( $menu_links, 1, NULL, true );


return $menu_links;
}



/*
* Step 2. Register Permalink Endpoint
*/



add_action( 'init', 'add_endpoint' );
function add_endpoint() {

// WP_Rewrite is my Achilles' heel, so please do not ask me for detailed 
explanation
add_rewrite_endpoint( 'visicadata', EP_PAGES );

}

“woocommerce\u checkout\u field\u editor”）

//我们的挂钩函数-$fields通过过滤器传递！
函数编辑器（$fields）{
$fields['shipping']['shipping\u field\u value']=数组(
“label'=>”（字段值），“woocommerce”），
“占位符”=>\u x（'字段值'，'占位符'，'电子商务'），
“必需”=>true
);
返回$fields；
}
//在订单页面上显示字段，但我想在自定义选项卡上显示它
在发货地址后添加操作（'woocommerce\u admin\u order\u data'，
“编辑商业结帐页面”，第10页，第1页）；
功能编辑\商业\结账\页面（$order）{
全球$post_id；
$order=新WC\U订单（$post\U id）；
回显“”。“（“字段值”）：”。获取“发布”元（$order->get\u id（），“'u shipping\u Field\u Value'，true）。“
”；

“woocommerce\u checkout\u field\u editor”）

//我们的挂钩函数-$fields通过过滤器传递！
函数编辑器（$fields）{
$fields['shipping']['shipping\u field\u value']=数组(
“label'=>”（字段值），“woocommerce”），
“占位符”=>\u x（'字段值'，'占位符'，'电子商务'），
“必需”=>true
);
返回$fields；
}
//在订单页面上显示字段，但我想在自定义选项卡上显示它
在发货地址后添加操作（'woocommerce\u admin\u order\u data'，
“编辑商业结帐页面”，第10页，第1页）；
功能编辑\商业\结账\页面（$order）{
全球$post_id；
$order=新WC\U订单（$post\U id）；
回显“”。“（“字段值”）：”。获取“发布”元（$order->get\u id（），“'u shipping\u Field\u Value'，true）。“
”；

您可以通过调整问题来共享您目前使用的代码吗？您可以通过调整问题来共享您目前使用的代码吗

 echo 'Here I want do display custom fields from checkout';

 }




 add_filter( 'woocommerce_checkout_fields' , 

// Our hooked in function - $fields is passed via the filter!
 function woocommerce_checkout_field_editor( $fields ) {
 $fields['shipping']['shipping_field_value'] = array(
    'label'     => __('Field Value', 'woocommerce'),
    'placeholder'   => _x('Field Value', 'placeholder', 'woocommerce'),
    'required'  => true
   );

  return $fields;
 }

// Display Field on Order Page, but i would like to display it on custom tab

 add_action( 'woocommerce_admin_order_data_after_shipping_address', 
 'edit_woocommerce_checkout_page', 10, 1 );
 function edit_woocommerce_checkout_page($order){
   global $post_id;
   $order = new WC_Order( $post_id );
   echo '<p><strong>'.__('Field Value').':</strong> ' . get_post_meta($order->get_id(), '_shipping_field_value', true ) . '</p>';