Creating the New Menus
We'll start by creating the Menu Structure in the Admin, and we'll come to the code later.
You can read more about this here - Menus - Getting Started
Menu builder does not yet display existing WebApp items and their Detail Pages, we'll add that soon! For now, you can add any page to your menu, and customise its name and URL to point to any WebApp item you'd like. The same can be done for external links.
You've already defined which Pages will appear in your Menu.
Now, we'll look at the Layouts. These contain the code which defines the HTML structure for a Menu as it is rendered on the Page. We'll also use Liquid to dynamically fetch the Menu Items from the Menus you created earlier.
After running a Static Site Import, you'll find the code that forms your Menu layouts at the top of your Pages . You can choose to do one of two methods here:
Cut this code from your Pages and paste these into new layout files for your Menu within Code Editor - creating an "item.liquid" file, and a "wrapper.liquid" file in the relevant area.
Create new layouts, or use default layouts within Admin or from our Studio Layout Library
Check out our Troubleshooting Migrated Menu Layouts doc if you experience any issues.
- Migrations Overview
- Migration Method Checklist
- Migrations- Creating the Siteglide Site
- Static Site Import - How To Use
- Migrating Assets
- Migrating (Importing) WebApps
- Menu Builder Module
- Menus - Getting Started
- Troubleshooting Migrated Menu Layouts
- Code Editor - Introduction
- Migrating Templates
- Templates - Getting Started
- Migrating Forms
- Migrating WebApp Layouts
- How To Put A Site Live
- FAQ - What's the difference between an ID and an external ID?