Question

有没有人知道我可以添加到我的主题的任何代码，以便我的结帐表单包含一个选择交付时间的字段？我的网站是monpetitfour.com

编辑：因此，我发现编码可以输出时间选项供我的客户选择，但我想知道如何获得他们选择记录在woocommerce中的选项＆＃34;谢谢你＆＃34 ;页面和客户＆amp;管理新订单电子邮件？这是代码：

<p class="form-row my-field-class form-row-wide woocommerce-validated" 
   id="time_slot_field">
<label for="time_slot" class="">Choose a Delivery Time</label>
<select name="time_slot" id="time_slot" class="select" required="true">  
<option value="">Select</option>
<option value="07:00 AM - 07:30 AM">07:00 AM - 07:30 AM</option>
<option value="07:30 PM - 08:00 AM">07:30 AM - 08:00 AM</option>
<option value="08:00 AM - 08:30 AM">08:00 AM - 08:30 AM</option>    
....    
</select></p>

Answer 1

如WooCommerce Customize Checkout Fields中所述，您可以在此处创建自定义结帐字段：

// Add a new checkout field
function kia_filter_checkout_fields($fields){
    $fields['extra_fields'] = array(
            'some_field' => array(
                'type' => 'text',
                'required'      => true,
                'label' => __( 'Some field' )
                )
            );

    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'kia_filter_checkout_fields' );

// display the extra field on the checkout form
function kia_extra_checkout_fields(){ 

    $checkout = WC()->checkout(); ?>

    <div class="extra-fields">
    <h3><?php _e( 'Additional Fields' ); ?></h3>

    <?php foreach ( $checkout->checkout_fields['extra_fields'] as $key => $field ) : ?>

            <?php woocommerce_form_field( $key, $field, $checkout->get_value( $key ) ); ?>

        <?php endforeach; ?>
    </div>

<?php }
add_action( 'woocommerce_checkout_after_customer_details' ,'kia_extra_checkout_fields' );

// save the extra field when checkout is processed
function kia_save_extra_checkout_fields( $order_id, $posted ){
    if( isset( $posted['some_field'] ) ) {
        update_post_meta( $order_id, '_some_field', sanitize_text_field( $posted['some_field'] ) );
    }
}
add_action( 'woocommerce_checkout_update_order_meta', 'kia_save_extra_checkout_fields', 10, 2 );

// display the extra data in the order admin panel
function kia_display_order_data_in_admin( $order ){  ?>
    <div class="order_data_column">
        <h4><?php _e( 'Extra Details', 'woocommerce' ); ?></h4>
        <?php 
            echo '<p><strong>' . __( 'Some field' ) . ':</strong>' . get_post_meta( $order->id, '_some_field', true ) . '</p>'; ?>
    </div>
<?php }
add_action( 'woocommerce_admin_order_data_after_order_details', 'kia_display_order_data_in_admin' );

Answer 2

我使用HelgatheViking的代码进行了一些调整以获得下拉选项，因此我只是发布代码的第一部分＆＃34; //添加一个新的结帐字段＆＃34;这里以防万一其他人想要为他们的结账添加交货时间选项：

// Add a new checkout field
function kia_filter_checkout_fields($fields){
    $fields['extra_fields'] = array(
            'some_field' => array(
                'required'      => true,
                'label' => __( 'Delivery Time' ),
                'type'        => 'select',
                'options'     => array(
                '7:00AM-7:30AM' => __('7:00 AM - 7:30 AM', 'woocommerce' ),
                '7:30AM-8:00AM' => __('7:30 AM - 8:00 AM', 'woocommerce' ),

                   ....

                '5:30PM-6:00PM' => __('5:30 PM - 6:00 PM', 'woocommerce' )

            )
                )
            );

    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'kia_filter_checkout_fields' );

（P.S。）确保您在她的网站上查找您需要的代码，以便将最终交付时间（或字段值）添加到您的客户和管理新订单电子邮件。

更新：要使用此主题中提到的所有代码的所有示例，将交付时间添加到订单详细信息页面（thankyou.php模板），只需将以下代码添加到您的主题的functions.php文件：

add_action( 'woocommerce_order_details_after_order_table',     'nolo_custom_field_display_cust_order_meta', 10, 1 );

function nolo_custom_field_display_cust_order_meta($order){
    echo '<p><strong>'.__('Delivery Time').':</strong> ' .     get_post_meta( $order->id, '_some_field', true ). '</p>';

}

我的WooCommerce结帐表格的时间选择器

2 个答案: