如何编辑订单表的布局（orders.php）

Question

我想更改orders.php中存在的表的布局。具体而言，我希望每种产品都有包含数据（名称，日期，状态等）的行（名称，日期，状态等），而是为每种产品提供单独的水平卡。

示例： https://i.sstatic.net/itdgu.png 。我正在尝试使用短代码来执行此操作，但是我不确定这是否正确。谁能给我指示？

目前，我正在尝试这种方式：下面的代码可以正常工作并正确返回所有订单号。但是，我将所有订单编号并排作为简单的文本行， https：// i。 sstatic.net/rqdvc.png 。我不知道如何插入div或CSS类以更改布局。

即使我添加CSS类，剩下的问题是如何添加其他元素，例如名称，价格，状态等。不确定是否可以在一个短代码中完成。建议 ？

// GET ALL ORDERS NUMBER OF CURRENT USER

// Give the callback function a clear and descriptive name.
add_shortcode( 'prcsed_order_numbers' , 'prcsed_order_1' );
function prcsed_order_1() {
 
// Get all orders for the current user.
   $customer_orders = wc_get_orders([
    'customer_id' => get_current_user_id(),
   ]);

// Transform the array of order objects into an array of order names.
   $order_numbers = array_map( function( $order ) {
       return $order->get_order_number();
   }, $customer_orders );

// Return as a string, ready for output,
   return implode( ', ', $order_numbers );
}

Answer 1

扩展我之前输入的内容。您可以使用您在 $order_numbers 中所做的操作来访问更多订单变量。这是我在独立的 WooCommerce 测试网站上测试过的内容。您将需要输入客户 ID 函数并修改返回的 HTML 结构，以简化样式和编辑。我所拥有的并不干净，但确实有效。

$results = wc_get_orders([ 'cutomer_id'=>1 ]);

foreach ( $results as $order ) {    
    $first_name = $order->get_billing_first_name();
    $last_name = $order->get_billing_last_name();
    $status = $order->get_status();
    
    echo '<h1>' . $first_name . ' ' . $last_name . '</h1><p>' . $status . '</p>';
}

以下链接为您提供了您需要访问的订单对象的函数/挂钩。 https://www .businessbloomer.com/woocommerce-easily-get-order-info-total-items-etc-from-order-object/