Hello!
I have a simple JS code in my checkout.liquid to set a character limit of 30 characters to address field in checkout.
Is there a way I can do the same with new checkout extrensibility?
Where can JS codes in the new checkout?
Topic summary
Goal: Enforce a 30‑character limit on the address field during checkout after moving from checkout.liquid to Checkout Extensibility. Seeks where to place custom JS in the new setup.
Key guidance:
- Use a Checkout UI app/extension and place logic in checkout.js to handle validation.
- Reference documentation provided for cart/checkout validation and blocking checkout progress (React-based Checkout UI extension): https://shopify.dev/docs/apps/build/checkout/cart-checkout-validation/block-checkout-progress?extension=react
Notes:
- No code snippet or step-by-step solution was shared yet.
- One contributor is working on a similar approach and may provide more detailed instructions later.
Status: Unresolved/ongoing. The suggested path is to implement validation via a Checkout UI extension (checkout.js), potentially using the documented pattern to block progress when the address exceeds the character limit.
1 Like
You might have to create a checkout UI app and add the code to checkout.js
There are basic instructions here that might get you in the right direction. I am working on a similar solution now so I might be able to post more instructions when I am done.