I followed the instructions available in the Shopify Dev documentation regarding theme app embed deep links for theme activation: https://shopify.dev/docs/apps/online-store/theme-app-extensions/extensions-framework#app-embed-block-deep-linking-url
All works fine on desktop and mobile when logged in on a web browser.
However, when using the Shopify Mobile app from the Android App Store you do not get taken to the app embed block config section, it just takes you to the standard “Online Store” page, and QA testing gets stuck at this point as they do not know they need to do many more steps from this point to activate the extension and there’s nowhere for them to see these instructions after navigating (i.e they need to click “manage all themes”, select desired theme, click “customize”, tap “three dots on top right”, select “app embeds”, enable desired embed, click save).
The redirection is made with the Redirect app action, like this:
const redirect = Redirect.create(shopifyApp)
redirect.dispatch(Redirect.Action.ADMIN_PATH, {
path: `/themes/${selectedTheme}/editor?context=apps&activateAppId=${extensionId}/${handle}`,
newContext: true,
})
Is there a different URL structure on Shopify Mobile? Even something that will just take the user to the list of app embeds?
I also tried the following with and without newContext but ended up with the same result on Mobile (the generic Online Store page)
redirect.dispatch(Redirect.Action.REMOTE, {
url: `https://${shopDomain}/admin/themes/${selectedTheme}/editor?context=apps&activateAppId=${extensionId}/${handle}`,
newContext: true,
})
Using App Bridge v3.7.9
