Zip Filter

Hi Saleem,

Thank you for reaching out!

I understand that at the checkout page, instead of a “ZIP code” field, you’d like to present a dropdown with all the available ZIP codes.

With WooCommerce by default, it is possible to restrict shipping to certain ZIP codes:

https://docs.woocommerce.com/document/setting-up-shipping-zones/#section-3

Your customers will still have to enter the ZIP code manually during checkout, and if the ZIP code they entered doesn’t match one of the ZIP codes entered in the settings of a particular shipping zone – the “There are no shipping methods available” message will be displayed.

This behaviour can be changed using a plugin or some code customisation, and a similar code customisation is described here:

https://stackoverflow.com/questions/42313387/customizing-checkout-postcode-field-into-a-custom-drop-down-menu

I hope this helps!

Hi Saalem,

Firstly, I cannot solve this issue using shipping zone because I have a dropdown that user select whether Self pickup or Delivery. If users select self Pickup, there should be free shipping method. if the user select Delivery, there are multiple shipping zone with flat rate fees and specified zip codes (any other zip codes except these shipping zones should not have delivery/shipping method).

Indeed, this kind of dropdown complicates things. Did you use a third-party plugin to add the selection between local pickup and delivery?

Instead of such dropdown, you could have multiple shipping zones with both flat rate and local pickup shipping methods in them. That way, no matter which zip code is entered (or selected from the dropdown) – it will still be possible to select local pickup shipping method.

I realise this is not quite the solution you’re looking for, but conditionally showing/hiding certain fields based on previous selections like you’d like to is a bit above my skill level since I’m not a developer.

I’ll leave this thread open in case someone has better suggestions.

Secondly, for the second link you shared, its front-end only because it does not update shipping method based on zip codes.

Indeed, that solution is front-end only, but it should work if you decide to use shipping zones with zip codes specified in them, as described above. Once the zip code is selected from the dropdown – the system will attempt to match it to one of your shipping zones and the shipping methods from that shipping zone will be presented to a customer.

I hope this helps!

Hi Saleem,

Basically the Local pickup method is not a solution because I customised checkout page using a plugin and have 2 cases
1: If user select Self Pickup (local deliver), there should be local pickup method and all other fields like postcode, address, street…. will be hidden using checkout manager plugin.
2: If user select Deliver to Recipient (Flat rate method), other inputs like name, lname, address, postcode…. all will appear. So, user will input the zip code. If the zip codes exists in my shipping zones, it means we will deliver if do not exist means, there is no shipping method and should not be able to place order.

It indeed sounds like your checkout page is quite custom and most likely, code snippets from other sites will not work on yours because most code snippets are written for un-modified sites. In other words, you will most likely need a developer to customize the code further for you.

I can recommend the following places for more development-oriented questions:

* WooCommerce Slack Community: 
https://woocommerce.com/community-slack/
* Advanced WooCommerce group on Facebook: https://www.facebook.com/groups/advanced.woocommerce/

You can also hire a developer either on Codeable or Upwork.