menu

The menu extension point creates a new menu that redirects to the App Builder app.

When you implement a menu that uses an iFrame, use a sharedContext to read the IMS token.

Example customization

The following example creates the Apps > First App on App Builder menu option.

Copy
      menu: {
        getItems() {
          return [
            {
              id: `${extensionId}::first`,
              title: 'First App on App Builder',
              parent: `${extensionId}::apps`,
              sortOrder: 1
            },
            {
              id: `${extensionId}::apps`,
              title: 'Apps',
              isSection: true
            }
          ]
        }
      }
Copied to your clipboard
      menu: {
        getItems() {
          return [
            {
              id: `${extensionId}::first`,
              title: 'First App on App Builder',
              parent: `${extensionId}::apps`,
              sortOrder: 1
            },
            {
              id: `${extensionId}::apps`,
              title: 'Apps',
              isSection: true
            }
          ]
        }
      }

Parameters

Sample code

The Adobe Commerce Extensibility Code Samples repository demonstrates how to customize a menu.

Last updated 6/28/2024

Was this helpful?

Yes

No