UX changes to App Bridge Fullscreen API

Announcements
1

shopp-e-1716923757148706207023766430 Cropped.png
shopp-e-1716923757148706207023766430 Cropped.png1792×1008 398 KB

We wanted to give you a heads up on some updates to App Bridge Fullscreen mode.

‘App Bridge Fullscreen mode’ has been renamed to ‘max modal’ to more accurately align it with its intended functionality—maximizing a modal window for your embedded apps within Shopify admin.

Max modal standardizes the merchant experience for embedded apps and conforms to our modal API structure across Shopify to provide a streamlined development experience. Max modal includes a close button by default and the ability to customize the title, primary and secondary actions by using the existing Title Bar API.

Next steps:

  1. Update to the latest App Bridge by adding the app-bridge.js script tag to the of each document of your app
  2. Implement the max modal using the modal API
  3. Remove the Fullscreen bar component
  4. Use the Title Bar API in your modal to render title and action buttons

Please visit the Shopify Community forums or post in our GitHub with any questions.

1 Like