如何在 WooCommerce 的结帐页面上重新排序其他字段

Question

我不知道如何在 WooCommerce 的结帐页面上重新排序附加字段。

我在 WooCommerce 附加信息部分添加了一个额外的字段。我想先显示时间字段，然后再显示下面的订单备注。

这是我正在使用的代码：

add_filter(  'woocommerce-additional-fields', 'custom_order_fields', 20, 1 );
function custom_order_fields( $fields ) {
   
    $fields['order_comments']['priority'] = 80;
    $fields['woocommerce-delivery-time-field']['priority'] = 70;  
   
    return $fields;
}

然而，这并没有达到预期的效果。有人可以告诉我我做错了什么吗？

Answer 1

如果您想先显示您的自定义字段，然后再显示订单备注。

您可以使用：

// Add 'delivery time' field before 'order comments'
function filter_woocommerce_checkout_fields( $fields ) {    
    // Get 'order comments' field
    $order_comments = $fields['order']['order_comments'];
    
    // Unset 'order comments' field
    unset( $fields['order']['order_comments'] );

    // Add 'delivery time' field
    $fields['order']['delivery_time'] = array(
        'label'        => __( 'Delivery time', 'woocommerce' ),
        'required'     => true,
        'type'         => 'text',
        'class'        => array( 'form-row-wide' ),
    );
    
    // Add 'order comments' field
    $fields['order']['order_comments'] = $order_comments;

    return $fields;
}
add_filter( 'woocommerce_checkout_fields' , 'filter_woocommerce_checkout_fields', 10, 1 );

或使用woocommerce_before_order_notes动作挂钩

function action_woocommerce_before_order_notes( $checkout ) {       
    // Add field
    woocommerce_form_field( 'delivery_time', array(
        'type'          => 'text',
        'class'         => array( 'form-row form-row-wide' ),
        'label'         => __( 'Delivery time', 'woocommerce' ),
        'required'      => true,
    ), $checkout->get_value( 'delivery_time' ) );
}
add_action( 'woocommerce_before_order_notes', 'action_woocommerce_before_order_notes', 10, 1 );

Answer 2

在设置优先级之前，您需要先将字段添加到 WooCommerce 自定义字段。

add_action('woocommerce_checkout_fields', 'add_woocommerce_additional_fields');
// Function to add field
function add_woocommerce_additional_fields( $fields ) {
     $fields['order']['delivery_time'] = array(
        'type'     => 'text',
        'label'     => __('Delivery time', 'woocommerce'),
        'required'  => true,
        'class'     => array('form-row-wide'),
        'clear'     => true
     );
     // You can set your priority here
     // Just higher than it a bit

     $fields['order']['order_comments']['priority'] = 80;
     $fields['order']['delivery_time']['priority'] = 70;  

     return $fields;
}

您可以查看 here 了解有关 Woocommerce 中字段排序的更多信息。

如何在 WooCommerce 的结帐页面上重新排序其他字段

How to reorder additional fields on checkout page in WooCommerce

php

wordpress

woocommerce

checkout

custom-fields