将自定义 URL link 添加到 WooCommerce 中的管理订单列表页面

Question

您好，我正在尝试将 AfterShip 跟踪按钮或 link 添加到我后台的管理订单列表中。我已成功创建一个新列，显示每个订单的跟踪号。但是，我想让跟踪号码可以点击。或者，作为替代方案，创建一个操作按钮，用于打开一个新选项卡并跟踪“跟踪编号”列中的编号。

我需要的URL格式如下： https://track.aftership.com/LS325245095CN?

请注意，跟踪号后面附加了一个问号。我需要对操作执行此操作，因为在输入跟踪号码时不使用问号符号。

这是我用于在后台管理订单列表中显示跟踪编号列的代码：

//Start Add Tracking Number to Admin Orders List
//Start Add Header to List
add_filter( 'manage_edit-shop_order_columns', 'custom_shop_order_column', 
12, 1 );
function custom_shop_order_column($columns)
{
// Set "Actions" column after the new colum
$action_column = $columns['order_actions']; // Set the title in a variable
unset($columns['order_actions']); // remove  "Actions" column


//add the new column "New Tracking Number"
$columns['order_astracking'] = '<span>'.__( 'Tracking Number','woocommerce').'</span>'; // title

// Set back "Actions" column
$columns['order_actions'] = $action_column;

return $columns;
}

//END Add Header to List
//START Add Tracking Number Data to List
add_action( 'manage_shop_order_posts_custom_column' , 
'custom_order_list_column_content', 10, 2 );
function custom_order_list_column_content( $column, $post_id )
{

// HERE get the data from your custom field (set the correct meta key below)
$astracking = get_post_meta( $post_id, '_aftership_tracking_number', true );
if( empty($astracking)) $astracking = '';

switch ( $column )
{
    case 'order_astracking' :
        echo '<span>'.$astracking.'</span>'; // display the data
        break;
}
}
//END Add Tracking Number Data to List

//START Make Tracking Number Data Searchable in Admin Orders List
add_filter( 'woocommerce_shop_order_search_fields', 
'astracking_search_fields', 10, 1 );
function astracking_search_fields( $meta_keys ){
$meta_keys[] = '_aftership_tracking_number';
return $meta_keys;
}
//END Make Tracking Number Data Searchable in Admin Orders List

//END Add Tracking Number to Admin Orders List

我在 Whosebug 上获得了这段代码。很棒的资源。

如果您能提供任何帮助或建议，我们将不胜感激。提前致谢！

Answer 1

New Update for WC 3.3+:

这是在管理订单列表中添加操作按钮的方法，其中包含与跟踪 相关的自定义 link（在 new 中打开 link window 根据要求）:

// Add your custom order action button
add_action( 'woocommerce_admin_order_actions_end', 'add_custom_order_actions_button', 100, 1 );
function add_custom_order_actions_button( $order ) {

    // Get the tracking number
    $traking_number = get_post_meta( $order->get_id(), '_aftership_tracking_number', true );
    if( empty($traking_number) ) return;

    // Prepare the button data
    $url    = esc_url('https://track.aftership.com/'.$traking_number.'?');
    $name   = esc_attr( __('Tracking', 'woocommerce' ) );
    $action = esc_attr( 'view tracking' ); // keep "view" class for a clean button CSS

    // Set the action button
    printf( '<a class="button tips %s" href="%s" data-tip="%s" target="_blank">%s</a>', $action, $url, $name, $name );
}

// The icon of your action button (CSS)
add_action( 'admin_head', 'add_custom_order_actions_button_css' );
function add_custom_order_actions_button_css() {
    echo '<style>.view.tracking::after { font-family: woocommerce; content: "\e005" !important; }</style>';
}

代码进入您的活动子主题（或主题）的 function.php 文件或任何插件文件。

经过测试并且有效。你会得到类似的东西：

现在为了使您的跟踪号码可点击，您将在您的代码中替换此函数：

add_action( 'manage_shop_order_posts_custom_column', 'custom_order_list_column_content', 10, 2 );
function custom_order_list_column_content( $column, $post_id )
{

    // HERE get the data from your custom field (set the correct meta key below)
    $astracking = get_post_meta( $post_id, '_aftership_tracking_number', true );
    if( empty($astracking)) $astracking = '';

    switch ( $column )
    {
        case 'order_astracking' :
            echo '<span><a href="https://track.aftership.com/'.$astracking.'?" target="_blank">'.$astracking . '</a></span>'; // display the data
            break;
    }
}

将自定义 URL link 添加到 WooCommerce 中的管理订单列表页面

Add custom URL link to admin order list page in WooCommerce

php

wordpress

custom-fields

woocommerce

hook-woocommerce