Website Hierarchy Menu Builder

Organize Complex Website Structures with Unlimited Parent-Child Pages & Dynamic Card Grids in Odoo 19

Stop hand-building complex sub-section landing pages and navigation menus.

Organize your website into structured parent-child trees and automatically generate beautiful card gridsâboth as SEO-friendly public pages and drag-and-drop Website Builder snippets.

Odoo 19 Website Builder Dedicated

Unlimited Parent-Child Tree

Drag & Drop Snippet

Why Hand-Building Multi-Level Website Navigation Fails

Large websites with multiple solutions, services, or documentation nodes require clear parent-child navigation. Hand-crafting overview pages, broken breadcrumbs, and individual link cards for every sub-category takes endless time and breaks whenever pages move. This module centralizes page structure in a high-performance list and auto-renders public browsing grids and live Website Builder snippets effortlessly.

Powerful Hierarchy & Card Grid Features

An end-to-end building block for content managers and web designers building structured Odoo sites.

Unlimited Parent-Child Nesting

Built on Odoo's high-performance

_parent_store

for fast list lookups. Re-order items with drag handles, track breadcrumbs automatically, and compute depth levels.

Rich Card Customization

Link cards to internal Website Pages or custom URLs. Style cards with custom images, Font Awesome icon fallbacks, 8 Bootstrap color themes, and custom CSS classes.

SEO-Friendly Public Pages

Fully server-side rendered routes (

/website-hierarchy

) give search engine crawlers direct access to clean breadcrumb navigation and indexed sub-page links.

Interactive Builder Snippet

Drag the "Hierarchy Menu Cards" block onto any page in the Odoo Website Builder. Choose a root node in the option panel for instant, AJAX-powered card grid previews.

Technical Architecture & Performance

Engineered natively for Odoo 19 with clean controllers, widgets, and access rights.

Model & Controller Routes

Component

Implementation

Core Model

website.hierarchy.menu

Public Listing

GET /website-hierarchy

Node Detail & Breadcrumb

GET /website-hierarchy/<id>

Snippet AJAX Rendering

POST .../render_cards

Presentation & Security

Feature

Details

Visibility Switches

Independent Menu & Card toggles

Multi-Website Scoping

Optional

website_id

binding

Security Groups

Website Publisher & Designer

Frontend Widgets

Odoo Website Builder

publicWidget

Quick Setup Guide

Go to

Website â Configuration â Hierarchy Menu Builder

and create your root nodes and child list.

Configure link targets (Website Page or Custom URL), add subtitles, FontAwesome icons, images, and select a color theme.

Visit

/website-hierarchy

to inspect your server-rendered public category pages and breadcrumbs.

In the Website Builder edit mode, drag the

Hierarchy Menu Cards

snippet onto any page and select your root node to display dynamic cards!

Highly Search-Optimized Keywords:

Odoo 19 website hierarchy, website hierarchy menu builder, parent child website menu odoo, website menu cards snippet, odoo website navigation cards, website_hierarchy_menu_builder, multi level menu odoo website, dynamic card grid odoo, SyncSoft.

User Interface Walkthrough

Designed seamlessly to fit standard Odoo 19 Website Builder tools and backend administration views.

Future Development Roadmap

SEO-optimized slug URLs (e.g.

/website-hierarchy/solutions/web-development

Automatic top-level

website.menu

sync toggle based on

is_menu_visible

settings.

Pre-rendered server-side initial DOM injection for snippet cards to further enhance crawlability.

Developed with

by SyncSoft Team

View original listing →