Tree Master

A full editor, right inside Shopify.

Edit menu titles, handles, and items in one place. See the live tree structure as you work — and deploy with confidence using built-in history and scheduling.

check_circle

Live Tree Preview

See your menu's hierarchy update in real time as you add or reorder items.
check_circle

Schedule Deploy

Plan menu changes for a future date — perfect for seasonal campaigns or launches.
check_circle

Version History

Save snapshots and restore any previous version of your menu in one click.

arrow_back

Main menu

Handle: /main-menu · 2 items

Menu title

Main menu

Menu handle

/main-menu

URL-friendly identifier for this menu

Menu Items

2 items Select

drag_indicator Home NEW Collection content_copy delete

drag_indicator Catalog All Products content_copy delete

account_tree Tree Preview

menu Main menu

├─ Home Collection NEW

└─ Catalog All Products

schedule Schedule Deploy

Premium

Plan menu changes for a future date. Perfect for sales events, seasonal updates, or launches.

history History

Premium

Save snapshots and restore previous menu versions anytime.

arrow_back

Deneme 2 draft

ID: cmlzqacfh00011r7kr4lfix2v

Menu name

Deneme 2

HTML CSS JS Preview

HTML

</svg>

</button>

···

Status

Current status draft

How to use

1. Write your HTML and CSS
2. Click Publish when ready
3. Go to your theme editor
4. Add a Tree Master Menu block
5. Enter this Menu ID:

cmlzqacfh00011r7

Templates

Start with a template.

Custom Menus — your code, your rules.

Build navigation with full HTML, CSS, and JS control. Write your code directly in the editor, pick a starter template, and publish — then drop it into your theme in seconds.

code

HTML / CSS / JS Editor

Full syntax-highlighted code editor with live preview built right in.
dashboard_customize

Starter Templates

Kick off from Horizontal Nav, Mega Menu, or Mobile Drawer — all editable.
rocket_launch

One-click Publish

Draft as long as you need, then publish and embed via a unique Menu ID in your theme.

Everything you need to stay in control.

From spotting broken links to rolling back deployments — Tree Master keeps your navigation healthy and predictable.

link_off

Link Validation

Automatically detects broken links and dead-end paths within your menu structure before they reach customers.

Checked on Every Deploy

history

Deploy History

Every deployment is saved as a versioned snapshot. Roll back to any previous state with one click — no manual backups needed.

Retention Unlimited

auto_awesome

Menu Templates

Start from industry-ready templates — Fashion, Food & Beverage, Minimal, Beauty, and more. Fully editable after creation.

Available Templates 10+

Portability

Your menus, your data.

Export all your navigation menus as a clean JSON file — then import them back anytime. Migrate between stores, create backups, or share menu structures with your team.

download

One-click Export

Download all menus as a single JSON file — full structure, all items included.

upload

JSON Import Premium

Restore a previous backup or migrate menus from another store in seconds.

storefront

Shopify Native

All menus sync directly to Shopify's navigation API — no extra scripts on your storefront.

// exported menus.json

{

"menus": [

{

"title": "Main menu",

"handle": "main-menu",

"items": [

{ "title": "Home", "type": "collection" },

{ "title": "Catalog", "type": "collection" }

]

}

]

}

Who is it for?

storefront

Store Owners

Manage your navigation without touching code or breaking anything live. Simple, visual, safe.

event

Seasonal Sellers

Schedule Black Friday, holiday, or sale menu changes in advance — deploy at exactly the right time.

trending_up

Growing Stores

As your catalog expands, keep navigation organized with multiple menus and templates.

code

Developers

Build fully custom navigation with the HTML/CSS/JS editor and embed it anywhere in your theme.

Architect the Perfect
Menu Infrastructure