I need to visually hide the zip code field in one-page checkout. I have a Checkout UI Extension that adds a dropdown which sets the zip code dynamically. So the zip code field does not need to be visible.
Topic summary
Goal: Visually hide the zip/postal code field on one-page checkout because a Checkout UI Extension provides a dropdown that sets the zip dynamically, making the field redundant.
Context: The approach previously worked with checkout.liquid (legacy template), but the question is how to achieve this with Checkout Extensibility (Shopify’s newer Checkout UI Extension framework).
Latest update: Another participant asks if a solution was found and confirms similar needs when migrating from checkout.liquid to Extensibility.
Status: No solution or implementation details provided yet; the discussion remains open.
Open question: How to hide the zip field (purely visual) in Checkout UI Extensions while preserving proper validation and ensuring the programmatic zip value is respected.
2 Likes
Hi! Were you able to find a solution for this? We do something similar with checkout.liquid and unsure how to do this with Extensibility.