在 Woocommerce 3+ 中向我的帐户订单 table 添加自定义列
Add a custom column to My Account Orders table in Woocommerce 3+
Woocommerce 3.5.x 在用户帐户(我的帐户)区域有一个特殊页面,显示用户以前的订单。
此页面现在默认显示 5 列。
这里是 woocommerce 订单区域的截图,有 5 列:
My Orders
我找不到改变这个的方法。
如何在默认中添加新列?
这需要 2 个函数来添加新列
第二个函数挂钩是复合挂钩:woocommerce_my_account_my_orders_column_{$column_id}
其中 {$column_id}
需要替换为第一个函数中设置的列键 slug。
第二个函数管理显示的行值,您可以添加自定义字段以获取自定义订单元数据值。
代码:
add_filter( 'woocommerce_account_orders_columns', 'add_account_orders_column', 10, 1 );
function add_account_orders_column( $columns ){
$columns['custom-column'] = __( 'New Column', 'woocommerce' );
return $columns;
}
add_action( 'woocommerce_my_account_my_orders_column_custom-column', 'add_account_orders_column_rows' );
function add_account_orders_column_rows( $order ) {
// Example with a custom field
if ( $value = $order->get_meta( '_custom_field' ) ) {
echo esc_html( $value );
}
}
代码进入您的活动子主题(或活动主题)的 function.php 文件。已测试并有效。
您已完成并已将自定义列添加到我的帐户订单中 table:
If you which to make changes in the table html output, you will have to override the template file: myaccount/orders.php
如果您不想更改我的帐户页面下的订单模板。这是你必须做的。
第一个:
function wc_add_myaccount_order_column( $columns ) {
$columns[ 'custom-column' ] = __( 'Custom Column', 'woocommerce' );
}
add_filter( 'woocommerce_my_account_my_orders_columns', 'wc_add_myaccount_order_column' );
第二个:
function wc_custom_column_display( $order ) {
// do something here
echo "testing";
}
add_action( 'woocommerce_my_account_my_orders_column_custom-column', 'wc_custom_column_display' );
上面的代码将在 "Custom Column" 列下的每个订单中显示 "testing"。
注意:如果您真的想更改整个模板,例如设计。你可以按照上面的第一个答案。
为了改进已接受的答案,我添加了一行来选择列的位置(总计之后):
function sv_wc_add_my_account_orders_column( $columns ) {
$new_columns = array();
foreach ( $columns as $key => $name ) {
$new_columns[ $key ] = $name;
// add ship-to after order status column
if ( 'order-total' === $key ) { //this is the line!
$new_columns['custom-column'] = __( 'Custom Column', 'woocommerce' );
}
}
return $new_columns;
}
add_filter( 'woocommerce_my_account_my_orders_columns', 'sv_wc_add_my_account_orders_column' );
function wc_custom_column_display( $order ) {
// do something here
echo "testing";
}
add_action( 'woocommerce_my_account_my_orders_column_custom-column', 'wc_custom_column_display' );
Woocommerce 3.5.x 在用户帐户(我的帐户)区域有一个特殊页面,显示用户以前的订单。
此页面现在默认显示 5 列。
这里是 woocommerce 订单区域的截图,有 5 列:
My Orders
我找不到改变这个的方法。
如何在默认中添加新列?
这需要 2 个函数来添加新列
第二个函数挂钩是复合挂钩:woocommerce_my_account_my_orders_column_{$column_id}
其中 {$column_id}
需要替换为第一个函数中设置的列键 slug。
第二个函数管理显示的行值,您可以添加自定义字段以获取自定义订单元数据值。
代码:
add_filter( 'woocommerce_account_orders_columns', 'add_account_orders_column', 10, 1 );
function add_account_orders_column( $columns ){
$columns['custom-column'] = __( 'New Column', 'woocommerce' );
return $columns;
}
add_action( 'woocommerce_my_account_my_orders_column_custom-column', 'add_account_orders_column_rows' );
function add_account_orders_column_rows( $order ) {
// Example with a custom field
if ( $value = $order->get_meta( '_custom_field' ) ) {
echo esc_html( $value );
}
}
代码进入您的活动子主题(或活动主题)的 function.php 文件。已测试并有效。
您已完成并已将自定义列添加到我的帐户订单中 table:
If you which to make changes in the table html output, you will have to override the template file:
myaccount/orders.php
如果您不想更改我的帐户页面下的订单模板。这是你必须做的。
第一个:
function wc_add_myaccount_order_column( $columns ) {
$columns[ 'custom-column' ] = __( 'Custom Column', 'woocommerce' );
}
add_filter( 'woocommerce_my_account_my_orders_columns', 'wc_add_myaccount_order_column' );
第二个:
function wc_custom_column_display( $order ) {
// do something here
echo "testing";
}
add_action( 'woocommerce_my_account_my_orders_column_custom-column', 'wc_custom_column_display' );
上面的代码将在 "Custom Column" 列下的每个订单中显示 "testing"。
注意:如果您真的想更改整个模板,例如设计。你可以按照上面的第一个答案。
为了改进已接受的答案,我添加了一行来选择列的位置(总计之后):
function sv_wc_add_my_account_orders_column( $columns ) {
$new_columns = array();
foreach ( $columns as $key => $name ) {
$new_columns[ $key ] = $name;
// add ship-to after order status column
if ( 'order-total' === $key ) { //this is the line!
$new_columns['custom-column'] = __( 'Custom Column', 'woocommerce' );
}
}
return $new_columns;
}
add_filter( 'woocommerce_my_account_my_orders_columns', 'sv_wc_add_my_account_orders_column' );
function wc_custom_column_display( $order ) {
// do something here
echo "testing";
}
add_action( 'woocommerce_my_account_my_orders_column_custom-column', 'wc_custom_column_display' );