Turn flat collections into hierarchical navigation

Transform your flat Shopify collections into hierarchical navigation. Sidebar trees, breadcrumbs, and drill-down navigation. All without touching code.

Install Now View Docs

Beautiful navigation trees, built your way

Compatible with any Online Store 2.0 theme. Build your tree visually, then add it to your store in a few clicks.

See how it works

Multi-Level Hierarchies

Nest collections as deep as you need. Create parent and child categories with ease.

Visual Tree Editor

Build your navigation visually with drag-and-drop. Organize collections into hierarchies in seconds.

Works With Any Theme

Just add theme blocks and enable the app embed in your theme editor. No code editing required.

Three ways to display your hierarchy

Each block serves a different purpose. Use one, two, or all three, on the same tree or different ones.

Learn more in our docs

Tree App Embed

Tree navigation that auto-injects into theme filter areas. Perfect for contextual sidebar navigation.

Breadcrumb Block

Show customers where they are with a clickable navigation trail. Includes SEO schema markup.

Drilldown Block

Horizontal pill-style navigation. Drill into subcategories one level at a time.

Questions & Answers

Yes! TreeNav works with any Online Store 2.0 theme. Just add theme blocks in your theme editor. No code editing required.

Open TreeNav in your Shopify admin and use the visual drag-and-drop editor. Select collections, arrange them into parent-child relationships, and save. It takes just seconds.

TreeNav automatically syncs collection handles. Your navigation trees stay healthy even when collections change. No manual maintenance required.

Absolutely. Full keyboard navigation, ARIA labels, and screen reader support. WCAG 2.1 AA compliant out of the box.

Ready to organize your collections?

Install TreeNav today and give your customers the navigation experience they deserve.

Install on Shopify View Docs