Preview a menu before going live

How-to guide All plans 2 min read

Check a new menu, or big changes to a live one, without affecting customers. Preview in the app works even when you already have a live menu; Use a draft theme tests on a full theme copy before the app goes live on your store.

Preview the menu

Preview in the app

1. Check desktop and mobile in the editor

   The editor preview updates as you edit. Use the desktop and mobile switch (1) in the bottom toolbar to check both layouts.

   

   Menu editor: (1) desktop and mobile switch, (2) Publish button

2. Open the Publish menu dialog

   Click Publish (2) in the top-right corner (unsaved changes are saved first). Under Choose theme, select the theme to preview on.

3. Click Preview

   Click Preview, not Publish. Your storefront opens in a new tab with this menu, through a link only you have — customers keep seeing the current menu.

   

   Publish menu dialog: (1) Choose theme, (2) Preview is the left button

4. Publish when you’re happy

   Close the preview tab, go back to the dialog and click Publish.

Use a draft theme

Caution

A published menu shows on every theme where the Mega menu app embed is on. Use this only when the embed is not on for your live theme yet, for example during first setup.

1. Duplicate your live theme

   Go to Online Store > Themes, click … next to your live theme and choose Duplicate.

2. Turn on the app embed on the copy only

   Click Customize on the copy, turn on Mega menu in App embeds and click Save. Leave it off on your live theme for now.

   

   Theme editor: (1) Mega menu toggle, (2) Save

3. Publish the menu to the copy

   In the app, click Publish, select the copy under Choose theme and click Publish.

   

   Publish menu dialog: (1) Choose theme, (2) Preview and Publish

4. Preview the copy

   In Online Store > Themes, click … > Preview on the copy. Test the menu on desktop and on mobile.

5. Go live

   Publish the copied theme in Shopify, or turn on the app embed on your live theme and publish the menu to it.

Troubleshooting

Nothing changes in the preview tab

The storefront preview needs the app embed on for the theme you preview. Check it, then refresh after a few seconds.

My live theme already uses the app

Don’t use a draft theme — publishing would change your live menu too. Use Preview in the app instead.

Related pages

• Publish a menuPublish your menu to a theme and choose where it appears on your storefront.
• Enable the app embedTurn on the Globo Mega Menu app embed so your menu can load on your storefront.
• Turn off the app on a themeHide a menu or turn off the app on a theme to see your original theme menu, without uninstalling.
• Version historyBring back an earlier saved version of a menu by loading it into the editor and saving it.

Was this helpful?

Report an issue