WooCommerce - Thêm số điện thoại nhận hàng

Trong một số trường hợp, chúng ta cần thêm trường số điện thoại trong mục thông tin giao hàng. Đây là code đơn giản và cần thiết để sử dụng nhé.

Thêm số điện thoại nhận hàng,

Thêm code này vào file function.php của theme/child theme đang kích hoạt

// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {
     $fields['shipping']['shipping_phone'] = array(
        'label'     => __('Phone', 'woocommerce'),
    'placeholder'   => _x('Phone', 'placeholder', 'woocommerce'),
    'required'  => false,
    'class'     => array('form-row-wide'),
    'clear'     => true
     );

     return $fields;
}

/**
 * Display field value on the order edit page
 */ 
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );

function my_custom_checkout_field_display_admin_order_meta($order){
    echo '<p><strong>'.__('Phone From Checkout Form').':</strong> ' . get_post_meta( $order->get_id(), '_shipping_phone', true ) . '</p>';
}

// Hook in

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!

function custom_override_checkout_fields( $fields ) {

$fields['shipping']['shipping_phone'] = array(

'label' => __('Phone', 'woocommerce'),

'placeholder' => _x('Phone', 'placeholder', 'woocommerce'),

'required' => false,

'class' => array('form-row-wide'),

'clear' => true

);

return $fields;

}

/**

* Display field value on the order edit page

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );

function my_custom_checkout_field_display_admin_order_meta($order){

echo '<p><strong>'.__('Phone From Checkout Form').':</strong> ' . get_post_meta( $order->get_id(), '_shipping_phone', true ) . '</p>';

}

Chúc các bạn thành công!

Chia sẻ code

WooCommerce – Thêm số điện thoại nhận hàng

Thêm số điện thoại nhận hàng,

Để lại một bình luận Hủy

Main Headline

Smaller Headline

ĐĂNG KÝ NHẬN TƯ VẤN