在 Woocommerce 3+ 中的“我的帐户订单”表中添加带有元数据的自定义列

问题描述 投票:0回答:4

Woocommerce 3.5.x 在用户帐户(我的帐户)区域有一个特殊页面,显示用户以前的订单。

本页现在默认显示5栏

这里有 5 列的 woocommerce 订单区域的屏幕截图:

My Orders

我找不到改变这个的方法。

如何在默认中添加新列?

php wordpress woocommerce account orders
4个回答
7
投票

这需要 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 文件。经过测试和工作。


您已完成并已将自定义列添加到我的帐户订单表中:

如果您要在表格 html 输出中进行更改,则必须覆盖模板文件:

myaccount/orders.php


1
投票

如果您不想更改我的帐户页面下的订单模板。这是你必须做的。

第一:

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' );

上面的代码将在“自定义列”列下的每个订单中显示“测试”

注意:如果您真的想更改整个模板,例如设计。您可以按照上面的第一个答案进行操作。


1
投票

只是为了改进接受的答案,我添加了一行来选择列的位置(总计后):

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' );

0
投票

使用 WooCommerce 5.9,我无法让 LiocTheAztect 的答案起作用。对我有用的是:

add_filter( 'woocommerce_account_orders_columns', 
'add_customer_email_column');
    function add_customer_email_column( $columns ){
        $new_columns = [
        "order-number" => $columns["order-number"],
        // ...
        "customer-email" => __( 'Customer Email', '' ),
        // ...
        "order-actions" => $columns["order-actions"]
    ];
    return $new_columns;
}

add_action( 'woocommerce_my_account_my_orders_column_customer-email', 
'add_customer_email_content' );
    function add_customer_email_content($order) {
    echo esc_html($order->get_billing_email());
}

没有

if ($value = $order->get_meta( '_custom_field' ))
块。希望对您有所帮助。

© www.soinside.com 2019 - 2024. All rights reserved.