Can I disable the ZIP field?

As shoppers check out of your store, they will typically enter their billing and shipping addresses (including their ZIP/Postal code) into the checkout pages to complete their purchases.

Most countries have postal codes to use, but there are a few that do not. If your primary business is exclusive to countries without a postal code, it is possible (through some HTML editing) to remove the Postal Code requirement from your store's checkout pages.

To disable the ZIP field on your checkout pages, you will need to retrieve and edit individual checkout page templates. Which templates you edit will depend on your store's configuration (for example, if you are using single page checkout instead of multiple page checkout). In the steps below we will outline the process for each possible scenario.

Single Page Checkout

If your store is using Single Page Checkout, the template you will need to edit is called checkout-singlepage.html. To make the edits to this template, follow these steps:

1. Log into your Shift4Shop Online Store Manager
2. Using the left hand navigation menu, go to Settings >Design >Themes & Styles
3. Once there, look to the top right of the page and click on the "Edit Template (HTML)" button

This will take you to your store's theme folder which will contain a list of HTML template files that are unique to your selected theme. You will always see a file labeled "frame.html" and possibly some other files in the list. Look within this list for a file called "checkout-singlepage.html"

If you do not have this file in your theme folder, proceed to the next steps. However, if you do have this file in your theme folder, skip ahead to step 6.

4. Look at the top right section of the page and click on the "Go to folder:" drop down menu
5. Select the templates/common-html5 folder

This file will contain every HTML template file used on Shift4Shop. The files will be listed alphabetically, so search and locate the file named "checkout-singlepage.html" and proceed with the following steps.

6. Once you've located the "checkout-singlepage.html" file, click on its name to view the file in the Template Editor
7. Make the changes labeled below:

Using CTRL-F on your browser, search for each snippet of code below and make the outlined changes. For this template there will be 4 sections that need changing

checkout-singlepage.html:

Section 1

Locate this code:

Change it to this:

Section 2

Locate this code:

Change it to this:

Section 3

Locate this code:

Change it to this:

Section 4

Locate this code:

Change it to this:

After making the above changes, click "Save" at the top right to have the changes go into effect.

Single Page Checkout (v2)

If your store is using Single Page Checkout style v2 (as specified in Store Settings), the template you will need to edit is called checkout-singlepage-v2.html. To make the edits to this template, follow these steps:

1. Log into your Shift4Shop Online Store Manager
2. Using the left hand navigation menu, go to Settings >Design >Themes & Styles
3. Once there, look to the top right of the page and click on the "Edit Template (HTML)" button

This will take you to your store's theme folder which will contain a list of HTML template files that are unique to your selected theme. You will always see a file labeled "frame.html" and possibly some other files in the list. Look within this list for a file called "checkout-singlepage-v2.html"

If you do not have this file in your theme folder, proceed to the next steps. However, if you do have this file in your theme folder, skip ahead to step 6.

4. Look at the top right section of the page and click on the "Go to folder:" drop down menu
5. Select the templates/common-html5 folder

This file will contain every HTML template file used on Shift4Shop. The files will be listed alphabetically, so search and locate the file named "checkout-singlepage-v2.html" and proceed with the following steps.

6. Once you've located the "checkout-singlepage-v2.html" file, click on its name to view the file in the Template Editor
7. Make the changes labeled below:

Using CTRL-F on your browser, search for each snippet of code below and make the outlined changes. For this template there will be 4 sections that need changing

checkout-singlepage-v2.html:

Section 1

Locate this code:

Change it to this:

Section 2

Locate this code:

Change it to this:

Section 3

Locate this code:

Change it to this:

Section 4

Locate this code:

Change it to this:

After making the above changes, click "Save" at the top right to have the changes go into effect.

Multi-Page Checkout

If your store is using Multiple Page Checkout (as specified in Store Settings), you will need to edit several templates. The main two templates you will need to edit are called checkout-step1.html, checkout-step3.html. Additionally, if your store is set to also allow shipping of orders to multiple addresses, then you will also need to edit two additional templates called shipment_update_address.html and checkout-step3_multiple.html

To make the edits to the templates mentioned above, follow these steps:

1. Log into your Shift4Shop Online Store Manager
2. Using the left hand navigation menu, go to Settings >Design >Themes & Styles
3. Once there, look to the top right of the page and click on the "Edit Template (HTML)" button

This will take you to your store's theme folder which will contain a list of HTML template files that are unique to your selected theme. You will always see a file labeled "frame.html" and possibly some other files in the list. Look within this list for any of the files mentioned above (checkout-step1.html, checkout-step3.html and/or checkout-step3_multiple.html)

If you do not have these files in your theme folder, proceed to the next steps. However, if you do have them present in your theme folder, skip ahead to step 6.

4. Look at the top right section of the page and click on the "Go to folder:" drop down menu
5. Select the templates/common-html5 folder

This file will contain every HTML template file used on Shift4Shop. The files will be listed alphabetically, so search and locate the file named above and proceed with the following steps.

6. Once you've located the HTML templates files, click on each one's name to view the file in the Template Editor
7. Make the changes labeled below:

Using CTRL-F on your browser, search for each snippet of code below and make the outlined changes.

checkout-step1.html:

Section 1

Locate this code:

Change it to this:

Section 2

Locate this code:

Change it to this:

After making the above changes, click "Save" at the top right to have the changes go into effect for this template and proceed to the next.

checkout-step3.html:

Section 1

Locate this code:

Change it to this:

Section 2

Locate this code:

Change it to this:

Section 3

Locate this code:

Change it to this:

Section 4

Locate this code:

Change it to this:

After making the above changes, click "Save" at the top right to have the changes go into effect for this template and proceed to the next.

shipment_update_address.html

Section 1

Locate this code:

Change it to this:

Section 2

Locate this code:

Change it to this:

checkout-step3_multiple.html:

Section 1

Locate this code:

Change it to this:

Section 2

Locate this code:

Change it to this:

Section 3

Locate this code:

Change it to this:

Section 4

Locate this code:

Change it to this:

After making the above changes, click "Save" at the top right to have the changes go into effect for this template and you're done!