Tree Master Documentation
Tree Master is a Shopify app that gives you full control over your store's navigation menus — without touching theme code. Build, edit, and deploy menus directly from your Shopify Admin using a drag-and-drop editor.
Drag & Drop Editor
Build nested menus visually. No code required.
21+ Link Types
Collections, products, pages, blogs, and more.
Live on Deploy
Changes go live on your storefront instantly.
1 Installation
Tree Master is installed directly from the Shopify App Store. There's no CLI, no code to deploy, and no configuration files needed.
-
1
Find Tree Master on the Shopify App Store
Search for "Tree Master" in the Shopify App Store, or use the direct install link from this website.
-
2
Click "Add App" and grant permissions
Tree Master requires permission to read and write your store's navigation menus. No other store data is accessed.
-
3
Open Tree Master from your Shopify Admin
After installation, go to Shopify Admin → Apps → Tree Master. You'll see all your existing menus imported automatically.
Tree Master automatically imports your existing Shopify navigation menus on first launch. You don't need to recreate anything from scratch.
Link Types
Tree Master supports 21+ link types. When adding or editing a menu item, select the link type from the dropdown to see the available options for that type.
| Link Type | Description |
|---|---|
| Home | Links to your storefront homepage |
| Collection | Links to a specific product collection |
| All Collections | Links to the collections listing page |
| Product | Links directly to a specific product |
| Page | Links to a Shopify page (About, Contact, etc.) |
| Blog | Links to a blog listing page |
| Blog Post | Links to a specific blog article |
| Search | Links to the storefront search page |
| Cart | Links directly to the shopping cart |
| Account / Login | Links to the customer account or login page |
| Custom URL | Any absolute or relative URL you specify |
| + 10 more types including Policy pages, Metaobject, Locale, and others | |
You can also set a label override for any link type. By default, the item inherits the name of its target (e.g. the collection title), but you can override this with any text.
Custom Code Menus
Custom Code menus let you replace a standard Shopify menu with fully custom HTML, CSS, and JavaScript. This is useful for mega-menus, promotional banners inside navigation, icon menus, or any UI that the default drag-and-drop editor can't produce.
How it works
- 1. Create a new menu and choose Custom Code as the menu type.
- 2. Write your HTML in the editor. You can reference your store's CSS variables and Liquid globals are not available here — this is raw client-side HTML.
- 3. Add scoped CSS in the
<style>panel. Styles are automatically scoped to avoid conflicts with your theme. - 4. Optionally add JavaScript in the
<script>panel. Scripts run after the menu is injected into the DOM. - 5. Save and deploy. Tree Master injects your code wherever the menu handle is referenced in your theme.
Custom Code menus bypass Shopify's navigation structure. They won't appear in Shopify's built-in Navigation editor — they are managed exclusively in Tree Master.
Scheduled Publishing Premium
Schedule a menu to go live at a specific date and time — without having to be at your computer. Ideal for Black Friday promotions, seasonal navigation changes, or campaign launches.
Set a publish date
In the menu editor, click Schedule Deploy in the right sidebar. Pick a date and time. The menu will deploy automatically at that moment using your store's timezone.
Swap menus on a schedule
You can create a duplicate of your current menu, make changes to it, and schedule the duplicate to deploy — effectively swapping your live navigation at a precise time.
Cancel a scheduled publish
Pending scheduled deploys are shown with a clock icon in the menu list. Click the menu and then Cancel Schedule to remove it before it goes live.
Snapshot History & Restore Premium
Every time you save a menu, Tree Master automatically creates a snapshot. You can browse the full version history of any menu and restore any previous state with a single click.
Automatic snapshots
A snapshot is created on every save. Snapshots are timestamped and store the complete state of your menu — including all items, nesting, and link targets.
One-click restore
Open the History panel in the menu editor. Click any snapshot to preview it, then click Restore this version to make it the active menu. The current version is saved before restoring, so you can always undo a restore.
Snapshots are especially useful when experimenting with major structural changes — you can always roll back to a known-good state in seconds.
Menu Analytics & Health Score Premium
Tree Master analyses your menus and surfaces a health score that highlights potential problems — broken links, missing targets, overly deep nesting, and more.
Broken Link Detection
Detects menu items pointing to deleted products, archived collections, or unpublished pages.
Depth Warning
Flags menus with excessive nesting levels that most themes don't support beyond 2–3 levels deep.
Duplicate Link Detection
Finds items pointing to the same destination more than once, which can confuse customers.
Overall Health Score
A 0–100 score summarising the overall quality of each menu, updated on every save.
The Analytics panel is accessible from the menu list — click the chart icon next to any menu to open it.
Import & Export (JSON)
Tree Master can export any menu as a JSON file and import menus from JSON. This is useful for backups, migrating menus between stores, or using community-shared menu templates.
Exporting a menu
Open any menu and click Export JSON from the top toolbar. A .json file is downloaded with the full menu structure.
{
"title": "Main Navigation",
"handle": "main-menu",
"items": [
{
"title": "Home",
"type": "home",
"url": "/"
},
{
"title": "Shop All",
"type": "collection",
"url": "/collections/all",
"items": [...]
}
]
}Importing a menu Premium
From the Tree Master home screen, click Import JSON. Select or drag-and-drop a valid .json file. Tree Master will preview the menu structure before importing. You can edit the title and handle before confirming.
Importing resolves link targets relative to the destination store. A collection link from Store A will be matched to the same collection handle in Store B if it exists.