{"id":3668873,"date":"2013-04-17T21:22:55","date_gmt":"2013-04-17T21:22:55","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/woocommerce-checkout-fields-width\/"},"modified":"2016-08-21T00:16:06","modified_gmt":"2016-08-21T00:16:06","slug":"woocommerce-checkout-fields-width","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/woocommerce-checkout-fields-width\/","title":{"rendered":"Woocommerce checkout fields width"},"content":{"rendered":"

Hello,
\nI am working with a Japanese website. I arranged the order of the checkout fields with something I found one of the posts:<\/p>\n

\n

add_filter(‘woocommerce_checkout_fields’,’reorder_woo_fields’);<\/p>\n

function reorder_woo_fields($fields) {
\n\t\/\/move these around in the order you’d like<\/p>\n

\t$fields2[‘billing’][‘billing_last_name’] = $fields[‘billing’][‘billing_last_name’];
\n $fields2[‘billing’][‘billing_first_name’] = $fields[‘billing’][‘billing_first_name’];
\n\t$fields2[‘billing’][‘billing_company’] = $fields[‘billing’][‘billing_company’];
\n\t$fields2[‘billing’][‘billing_address_1’] = $fields[‘billing’][billing_address_1”];
\n\t$fields2[‘billing’][‘billing_address_2’] = $fields[‘billing’][‘billing_address_2’];
\n\t$fields2[‘billing’][‘billing_city’] = $fields[‘billing’][‘billing_city’];
\n\t$fields2[‘billing’][‘billing_postcode’] = $fields[‘billing’][‘billing_postcode’];
\n\t$fields2[‘billing’][‘billing_country’] = $fields[‘billing’][‘billing_country’];
\n\t$fields2[‘billing’][‘billing_state’] = $fields[‘billing’][‘billing_state’];
\n\t$fields2[‘billing’][‘billing_email’] = $fields[‘billing’][‘billing_email’];
\n\t$fields2[‘billing’][‘billing_phone’] = $fields[‘billing’][‘billing_phone’];<\/p>\n

\t\/\/just copying these (keeps the standard order)
\n\t$fields2[‘shipping’] = $fields[‘shipping’];
\n\t$fields2[‘account’] = $fields[‘account’];
\n\t$fields2[‘order’] = $fields[‘order’];<\/p>\n

\treturn $fields2;
\n}<\/p>\n<\/blockquote>\n

The Japanese method follows a reversed order, so I changed above to:<\/p>\n

\n

add_filter(‘woocommerce_checkout_fields’,’reorder_woo_fields’);<\/p>\n

function reorder_woo_fields($fields) {
\n\t\/\/move these around in the order you’d like<\/p>\n

$fields2[‘billing’][‘billing_last_name’] = $fields[‘billing’][‘billing_last_name’];<\/p>\n

$fields2[‘billing’][‘billing_first_name’] = $fields[‘billing’][‘billing_first_name’];<\/p>\n

\t$fields2[‘billing’][‘billing_postcode’] = $fields[‘billing’][‘billing_postcode’];<\/p>\n

\t$fields2[‘billing’][‘billing_state’] = $fields[‘billing’][‘billing_state’];<\/p>\n

\t$fields2[‘billing’][‘billing_city’] = $fields[‘billing’][‘billing_city’];<\/p>\n

\t$fields2[‘billing’][‘billing_address_1’] = $fields[‘billing’][‘billing_address_1’];<\/p>\n

\t$fields2[‘billing’][‘billing_address_2’] = $fields[‘billing’][‘billing_address_2’];<\/p>\n

\t$fields2[‘billing’][‘billing_email’] = $fields[‘billing’][‘billing_email’];<\/p>\n

\t$fields2[‘billing’][‘billing_phone’] = $fields[‘billing’][‘billing_phone’];<\/p>\n

\t\/\/just copying these (keeps the standard order)
\n\t$fields2[‘shipping’] = $fields[‘shipping’];
\n\t$fields2[‘account’] = $fields[‘account’];
\n\t$fields2[‘order’] = $fields[‘order’];<\/p>\n

\treturn $fields2;
\n}<\/p>\n<\/blockquote>\n

I was able to rearrange but some fields overlapped, and the fields are not aligned to its ideal position.<\/p>\n

The rows now per line show as:
\n last name
\nfirst name, postal code
\ntown\/city, state
\n(Address field overlapping or postal code field)
\nAddress 2,
\nEmail, Phone<\/p>\n

Thank you in advance for any help.<\/p>\n

https:\/\/wordpress.org\/extend\/plugins\/woocommerce\/<\/p>\n","protected":false},"template":"","class_list":["post-3668873","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/3668873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/3668873\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=3668873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}