Add a custom column to My Account Orders table in Woocommerce 3+

Question

Woocommerce 3.5.x has a special page at the user account (My Account) area where it displays the user's previous Orders.

This page is now 5 column displays as default.

Here the screenshot of the woocommerce Orders area with 5 column:

My Orders

I Can't find the way to change this.

How can I add a new column in the default?

Answer 1

This requires 2 functions that will add a new column (still working in WooCommerce 8.1+)

The second function hook is a composite hook: woocommerce_my_account_my_orders_column_{$column_id} where {$column_id} need to be replaced by the column key slug that is set in the first function.

That second function manage the displayed row values and you can add for example a custom field to get custom order meta data values.

The code:

add_filter( 'woocommerce_account_orders_columns', 'add_account_orders_column', 10, 1 );
function add_account_orders_column( $columns ){
    $order_actions  = $columns['order-actions']; // Save Order actions
    unset($columns['order-actions']); // Remove Order actions

    // Add your custom column key / label
    $columns['custom-column'] = __( 'New Column', 'woocommerce' );

    // Add back previously saved "Order actions"
    $columns['order-actions'] = $order_actions;

    return $columns;
}

// Display a custom field value from order metadata
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' ) ) {
        esc_html_e( $value );
    } else {
        printf( '<small>%s</small>', __("no value") );
    }
}

Code goes in functions.php file of your child theme (or in a plugin). Tested and works.

---

You are done and have added a custom column to My account orders table:

If you which to make changes in the table html output, you will have to override the template file: myaccount/orders.php