Unable to see app block on checkout customization

Hi, I created a custom app using cli and released it for my own store to use.

This is an app that contains Checkout UI extension to be able to add a date picker in the checkout process.

Tested the extension in my dev store and was able to position the app block in the appropriate checkout flow.

When I deployed the app and after installing it in my production store, the screen looks different for Settings > Checkout. There was no default profile for Live Checkout on the production store.

On the production store, if I click on Customize in the Settings > Checkout, I get to a page where Dawn theme is installed but it limits my ability to go to Sections to customize further.

Did anyone come across this behavior on their production store? Also, one-page checkout is enabled on production. On the dev store, I can’t find the setting to convert to one-page. I don’t think that is the main reason. Something is amiss, and I need some guidance from others who are more familiar with the deployment process. My app extension is not published to the app store as I don’t intend to. (I intend to use it for my store since it is a fairly simple extension that anyone could write using the examples)

1 Like

Hi Waimun,

It appears that you’re experiencing a discrepancy between your development store and your production store. This could be due to several factors including different settings or configurations between the two stores, or different theme versions or settings.

There are a couple of things you could look into for troubleshooting:

  1. Theme version: Make sure that both your development store and production store using the same version of the Dawn theme.

  2. Checkout settings: Double-check your checkout settings in both stores to ensure that they’re configured the same way.

  3. One-page checkout: It’s possible that one-page checkout is enabled in your production store but not in your development store.

  4. App installation: Make sure that your app is properly installed in your production store. You may want to uninstall and reinstall the app to ensure it’s properly set up.

  5. App permissions: Ensure that your app has the necessary permissions to modify the checkout experience in your production store. This includes making sure that the checkout extensibility developer preview is enabled in your production store.

Try the above steps and let us know if you’re still seeing issues.

Hi Liam,

Of the steps you have provided, everything seems right except for (3) one-page checkout and (5) app permissions.

How do I double check on those?

Also, I wanted to point out that from documentation, it seems like checkout-ui-extensions are currently in early access and it is only available for Shopify Plus customers. I wonder that is the main reason I am unable to see the checkout editor when I go to Settings > Checkout.

Much thanks.