I´m currently trying to add a custom field to the default address fields (firstname, lastname, etc…)
The field should be used, to set a salutation for the customer.
For this purpose I used the following filter:
add_filter( 'woocommerce_default_address_fields', 'custom_woocommerce_address_fields' );
function custom_woocommerce_address_fields($fields) {
$fields['salutation'] = array(
'label' => __('Anrede', 'woocommerce'), // Add custom field label
'placeholder' => 'CA12345678', // Add custom field placeholder
'required' => true, // if field is required or not
'clear' => false, // add clear or not
'type' => 'select', // add field type
'options' => array(
'Herr' => 'Herr',
'Frau' => 'Frau',
'Firma' => 'Firma'
),
'priority' => 1, // add priority
'class' => array('billing-salutation-input')// add class name
);
return $fields;
}
Saving the custom field:
add_action( 'woocommerce_checkout_update_order_meta', 'save_new_checkout_field' );
function save_new_checkout_field( $order_id ) {
if ( $_POST['billing_salutation'] ) update_post_meta( $order_id, '_salutation', esc_attr( $_POST['billing_salutation'] ) );
}
Problem:
When I look at the order details, the new field won´t show up under the default address fields.
So I used the following code to show the new data.
add_action( 'woocommerce_admin_order_data_after_billing_address', 'show_new_checkout_field_order', 10, 1 );
function show_new_checkout_field_order( $order ) {
$order_id = $order->get_id();
if ( get_post_meta( $order_id, '_salutation', true ) ) echo '<p><strong>Anrede:</strong> ' . get_post_meta( $order_id, '_salutation', true ) . '</p>';
}
However, the field is always displayed at the bottom and I can’t find a way to bring the field to the desired position (image)
Do I have to use a different hook to display the data at the desired location (billing details)?
Or do I have to edit a specifc woocommerce template?
2
Answers
The output is a string, which uses
<br/>
to separate the order billing address details.So there are 2 possible views:
company_name<br/>Firstname Lastname<br/>street<br/>1<br/>1000 Location
Firstname Lastname<br/>street<br/>1<br/>1000 Location
There are several possibilities that you can apply to answer your question, but the easiest is to edit the string via the
woocommerce_order_get_formatted_billing_address
filter hook.Note: we are going to check whether there is actually a billing company,
and adjust our result based on that.
Note: adjust
$order->get_meta( '_your_meta_key' );
to your needs.So you get:
Result:
company_name<br/>meta_value<br/>Firstname Lastname<br/>street<br/>1<br/>1000 Location
meta_value<br/>Firstname Lastname<br/>street<br/>1<br/>1000 Location
Used in this answer: https://stackoverflow.com/a/2606638/11987538
It’s absolutely feasible! You could
append
it to the existingbilling_address_fields
data. You just need to customize your data using the right hooks!So you used
woocommerce_default_address_fields
filter hook toappend
$fields['salutation']
to the default data. On the admin screen, you need to do the same but using different hooks.Here’s what we’re going to do:
woocommerce_localisation_address_formats
filter hook to define a placeholder for our custom data.woocommerce_formatted_address_replacements
filter hook.woocommerce_order_formatted_billing_address
filter hook.1-
woocommerce_localisation_address_formats
2-
woocommerce_formatted_address_replacements
3-
woocommerce_order_formatted_billing_address
This will output this: