AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Developer Docs
  5. How to re-order Address fields – Street Address 1 | Town/City | State/County | Postcode/Zip | Country

How to re-order Address fields – Street Address 1 | Town/City | State/County | Postcode/Zip | Country

You can re-order the fields of your address’s sub fields according to your country need. For this you need to follow some easy steps given below- 

To arrange the fields in this pattern: Street Address 1 |  Town/City | State/County | Postcode/Zip | Country

Step 1: You need to add this custom code snippet on your site. To do this install a plugin Code Snippets By Shea Bunge. Download from here 

Step 2: Copy the given custom code given below – 

 

Step 3: Add a New code snippet, Type any appropriate name to your this new post, paste the code.

Step 4: Click on “Save Changes and Activate” button activate snippet.

Step 5: After activating snippet, go to your selected AeroCheckout page and click on “Form” tab. Here click “Save Form” button to apply re-ordering of the fields. (This step is mandatory to accept the changes)

Output:

Step 6: Don’t panic, you just need to correct the layout of fields using pre-defined CSS classes to make it correct.

Step 7: Follow this documentation to know how to edit the pre-defined classes

https://buildwoofunnels.com/docs/aerocheckout/customizer/fields-css-classes/

Step 8: Here is final output after column classes correction

How can we help?