Required field in checkout extension doesnt work

Hi there,

I have created a checkout extension to add a new field at checkout. And added client side validation with

behavior: “block”. That works perfectly fine on development site. But when pushing to production, it fails - the new field just doesn’t show up as required and has no validation. Any ideas what may be wrong there? Thanks

Hi Kristinam,

The issue might be related to the block_progress capability. Even if you have added the block_progress capability to your shopify.ui.extension.toml file, the merchant can allow or disallow this capability in the checkout editor. In development mode, you’re automatically granted the block_progress capability as long as it’s set in your shopify.ui.extension.toml file.

However, in the production environment, the merchant has to manually allow this capability. First doublecheck that the block_progress capability is included in your shopify.ui.extension.toml file, and when you push to production on a test store ensure that you’ve enabled the block_progress capability in the checkout editor.

Hope this helps!

1 Like