Shopify App Ui Extension not showing in Mobile Devices
Hello, I'm developing a custom Shopify app with a UI extension. I'm currently attempting to implement a simple UI extension following this documentation: https://shopify.dev/docs/apps/checkout/custom/banners/add?extension=react.
It was displaying correctly on desktop devices (desktop view and responsive view). However, it's not showing on mobile devices which I tried on iPhone and Android device.
Target: purchase.checkout.block.render
Theme: Dawn (also tried on theme Test data)
Has anyone encountered this issue and found a fix? I've been troubleshooting this for the entire day but haven't been able to identify the cause.
Additionally, I'm currently using NGROK. I'm unsure if this might be affecting the mobile view."
Hello @tyuzu Could you please confirm whether your store is a development store and that you have enabled Checkout Extensibility?
Hello @tyuzu Please ensure that your extension has been deployed. If you have not yet deployed your extension, please run the following command:
npm run deploy
Please note that this command is applicable for Shopify Node or a Remix template.
After deploying the extension, follow these steps:
1. Navigate to the Shopify checkout settings at
2. Add the app block as shown in
3. Select your extension and save the changes.
Note - This solution is specifically for Shopify Node and Remix templates. Let me know if you're using a different template so I can assist you accordingly.
Hello @Huptech-Web , Thank you for the reply.
Yes, I'm currently using Remix template. I also deployed my app.
But as for your fix it is not possible for me to add app block.
Currently, I'm testing my UI Extension via Preview URL console.
I don't have issue testing it in desktop, my only problem is in mobile devices which the UI Extension is not showing. Please see screenshot below showing my UI Extension in desktop devices.
Hello @tyuzu Could you please confirm whether your store is a development store and that you have enabled Checkout Extensibility?
