We already saw how to hide Order Notes on the WooCommerce checkout page. This time around, however, our goal is to “move” them – and specifically remove them from their default position (under the shipping form) and add them back under the billing form.
As you can imagine, this is a combo snippet: (1) we remove them (and we’ll use the snippet as per the link above) and (2) we create a new billing field. Finally, (3) we also need to “save” this new field value into the original order notes custom field meta.
If this is difficult to understand don’t worry – just copy/paste the snippet into your functions.php and see magic happen. Enjoy!

PHP Snippet: Move Order Notes @ WooCommerce Checkout
/** * @snippet Move Order Notes @ WooCommerce Checkout * @how-to Get CustomizeWoo.com FREE * @author Rodolfo Melogli * @compatible WooCommerce 3.9 * @donate $9 https://businessbloomer.com/bloomer-armada/ */// 1. Hide default notesadd_filter( 'woocommerce_enable_order_notes_field', '__return_false' );// 2. Create new billing fieldadd_filter( 'woocommerce_checkout_fields' , 'bbloomer_custom_order_notes' );function bbloomer_custom_order_notes( $fields ) { $fields['billing']['new_order_notes'] = array( 'type' => 'textarea', 'label' => 'New Order Notes', 'class' => array('form-row-wide'), 'clear' => true, 'priority' => 999, ); return $fields;}// 3. Save to existing order notesadd_action( 'woocommerce_checkout_update_order_meta', 'bbloomer_custom_field_value_to_order_notes', 10, 2 );function bbloomer_custom_field_value_to_order_notes( $order_id, $data ) { if ( ! is_object( $order_id ) ) { $order = wc_get_order( $order_id ); } $order->set_customer_note( isset( $data['new_order_notes'] ) ? $data['new_order_notes'] : '' ); wc_create_order_note( $order_id, $data['new_order_notes'], true, true ); $order->save();} |
No comments:
Post a Comment