向 WooCommerce Checkout 添加步骤答案

【问题标题】：Add a step to WooCommerce Checkout向 WooCommerce Checkout 添加步骤
【发布时间】：2014-11-10 21:08:14
【问题描述】：

有没有办法在 WooCommerce 的结帐流程中添加一个新步骤？我需要在购物车和账单详情页面之间收集一些额外信息。我进行了相当多的研究，但一无所获。我不可能是唯一一个想要这样做的人。

【问题讨论】：

您需要什么样的附加信息？
不直接回答您的问题，但您可以在结帐页面添加字段，如果需要，将其设为必填。
这是一个募捐网站，所以我需要收集诸如“这个礼物是为了纪念________”之类的信息。我想我已经找到了一种解决方法，只使用 jQuery 来隐藏和显示页面上的部分，而不是创建一个实际的新页面。

标签： wordpress plugins woocommerce e-commerce

【解决方案1】：

在我的 WooCommerce Custom 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' );

【讨论】：