如何在 woocommerce 订单视图中添加 echo html 字段？答案

【问题标题】：How to add echo html field in woocommerce order view?如何在 woocommerce 订单视图中添加 echo html 字段？
【发布时间】：2016-07-19 11:20:43
【问题描述】：

这就是我在functions.php 中添加 HTML 输入字段的方式现在，当我下订单时，这些回显字段不会出现在 woocommerce 订单中。我想在 woocommerce 的订单视图中添加这些字段的值和标签。

add_action( 'woocommerce_after_checkout_billing_form' , 'self_added_checkout_fieldsPk1' );

function self_added_checkout_fieldsPk1($fields)
{
echo '<div class="row" style="text-aign:center">
<div class="col m4 offset-m4" align="center">
<ul class="collapsible" data-collapsible="expandable">
<li class="">
<div class="collapsible-header"><b>Instagram Account No.1 Details</b></div>
<div class="collapsible-body" style="display: none; padding-top: 0px;   margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
<div class="input-field col s12">
Username: <input id="acc1user" name="acc1user" type="text" class="validate">
Password: <input id="acc1pass" name="acc1pass" type="text" class="validate">

*Note: Your Login Credentials will be safe with us do not worry.
</div>
</div>
</li>
</ul>
</div>

</div></h1>';



}

【问题讨论】：

我想在订单视图中列出我的结帐字段。
docs.woothemes.com/document/…

标签： javascript php wordpress html woocommerce

【解决方案1】：

Yoy 是在错误的钩子。使用以下

add_filter('woocommerce_checkout_fields', 'your_checkout_fields');

要保存这些值，请使用 hook 'woocommerce_checkout_update_order_meta'

并显示在订单页面使用 - 'woocommerce_admin_order_data_after_billing_address'

您可以在保存前使用“woocommerce_checkout_process”验证您的字段。

希望这会有所帮助。

【讨论】：