UX changes to App Bridge Fullscreen API

UX changes to App Bridge Fullscreen API

Jacqui
Community Manager
382 53 625

shopp-e-1716923757148706207023766430 Cropped.png

 

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 <head> 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. 

Jacqui | Community Manager @ Shopify
To learn more visit the Shopify Help Center or the Shopify Blog
Replies 0 (0)