What's your biggest current challenge? Have your say in Community Polls along the right column.

Shopify custom checkout fields for Shopify Plus

Solved

Shopify custom checkout fields for Shopify Plus

web5
Shopify Partner
5 0 3

Hello,

I need to know how setup the checkout page like this form 

because I do not need a zip code or company.

I need to know how I control the checkout page because the original file gets everything from Shopify

 

{{ content_for_header }}
{{ checkout_stylesheets }}
{{ checkout_scripts }}
{{ skip_to_content_link }}
{{ content_for_logo }}
{{ order_summary_toggle }}
{{ content_for_logo }}
{{ breadcrumb }}
{{ alternative_payment_methods }}
{{ content_for_layout }}

checkout_page.png

 

Thank you.

Accepted Solution (1)

drakedev
Shopify Partner
699 151 242

This is an accepted solution.

Company visibility can be changed from Checkout Settings in the backend.

You have the following options:

  • Hidden
  • Optional
  • Required

Zip Code instead is a mandatory field and this can't be changed.

The only thing I would suggest to try is to make Zip Code input not visibile via CSS, but you need to create a custom JS logic to fill it with a valid value accepted by Shopify.

May I ask you why you do not need a Zip Code?

If my answer was helpful click Like.
If the problem is solved remember to click Accept Solution.
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.

View solution in original post

Replies 4 (4)

drakedev
Shopify Partner
699 151 242

This is an accepted solution.

Company visibility can be changed from Checkout Settings in the backend.

You have the following options:

  • Hidden
  • Optional
  • Required

Zip Code instead is a mandatory field and this can't be changed.

The only thing I would suggest to try is to make Zip Code input not visibile via CSS, but you need to create a custom JS logic to fill it with a valid value accepted by Shopify.

May I ask you why you do not need a Zip Code?

If my answer was helpful click Like.
If the problem is solved remember to click Accept Solution.
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
web5
Shopify Partner
5 0 3

Hello @drakedev,

 

Thanks for your replay.

 

In Arab countries, most shipping systems depend on the information in the attached picture, so Zip Code is usually not important.

 

But in Kuwait there is a PACI "The Public Authority for Civil Information". If the customer fill it, it will bring the full address without the need to fill in the address information.

 

Also, Shopify is very strict in not allowing new fields to be created on the checkout page while supporting their translation, despite the different countries that use the system.

 

can you explain for me "custom JS logic to fill it with a valid value accepted by Shopify".

 

Best regards

drakedev
Shopify Partner
699 151 242

Unfortunately the specific country shipping rules are managed directly by Shopify and the are trying to hide or show different input fields based on the Country Region where the products are shipped.

 

But eventually not all country specific rules are implemented. So, considering that you are on Shopify Plus, I'd suggest first to contact your Shopify Plus Merchant Manager or Shopify Plus Support and explain the problem you are facing, maybe they have some good suggestions for this scenario.

 

Other then that, I see that for Kuwait Shopify is asking for Postal Code / Zip Code. Do you know if there is a specific validation for that field done by Shopify or if instead you can write anything there and it is accepted?

 

If you can write anything, an idea is to rename Postal Code to PACI Number when the shipping country Kuwait is selected. And this can be done with Custom JS on your checkout.

 

Sorry but I don't have previous experience with Kuwait shipping practice.

 

 

If my answer was helpful click Like.
If the problem is solved remember to click Accept Solution.
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
web5
Shopify Partner
5 0 3

@drakedev 

Do you know if there is a specific validation for that field done by Shopify or if instead you can write anything there and it is accepted?

Unfortunately, I don't know until now.

 

But I will work to create a custom validation code through PHP to verify all the data before submitting the form.

 

Thank you