$ 17.45
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• Discuss (mail) |
| Lines of code | 512 |
| Technical Name |
atelier_website_multi_level_menu |
| License | OPL-1 |
| Website | https://github.com/EKO-AXEL/atelier_odoo_module |
| Versions | 16.0 17.0 18.0 19.0 |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• Discuss (mail) |
| Lines of code | 512 |
| Technical Name |
atelier_website_multi_level_menu |
| License | OPL-1 |
| Website | https://github.com/EKO-AXEL/atelier_odoo_module |
| Versions | 16.0 17.0 18.0 19.0 |
Website Multi-Level Menu
Unlimited-depth recursive navigation for your Odoo Website.
Smooth cascade, mobile accordion, full keyboard accessibility, theme-aware.
Four-level cascade with active-path highlight, fully theme-aware
The Problem with Native Odoo Menus
Odoo natively supports child menus in its data model, but the HTML rendering relies on Bootstrap 5 dropdowns, which cannot host nested dropdowns. Clicking a sub-item closes the parent instantly. There is also no CSS for cascading sub-sub-menus to the side. Building deep, professional navigation is impossible out of the box.
One Module. Recursive Cascade. Zero Configuration.
This module replaces the Odoo menu rendering layer with a clean, Bootstrap-free HTML structure plus a dedicated SCSS stylesheet and a lightweight JavaScript widget. Install it, build your hierarchy in Website → Site → Menus, and the recursive cascade is rendered automatically — no theme code to edit, no settings page.
Path-active highlight makes the current navigation context immediately readable
Six Features that Make the Difference
Unlimited Depth
Build menus 2, 3, 5 or 10 levels deep. The rendering follows your data structure automatically — no configuration, no limit.
Responsive Native
Horizontal cascade on desktop (≥992px), vertical accordion on mobile — integrated with the native Odoo hamburger menu.
Dynamic Theming
Accent colors derived from your active theme primary color via CSS variables. Change your theme — the menu adapts instantly.
Keyboard Accessible
Full arrow-key navigation, Escape to close, Enter/Space to open, type-ahead, focus-visible ring. ARIA synchronized. WCAG-friendly.
Smart Repositioning
Sub-menus that would overflow the viewport automatically flip to the other side. No hidden items, ever.
Mega-Menu Compatible
The native Odoo mega-menu feature continues to work. Mix classic cascades and full-width mega-menus on the same site.
Mobile-First, Without Compromise
On screens below 992px, the cascade transforms into a clean vertical accordion inside the native Odoo hamburger menu. Indentation reveals hierarchy at a glance; the path-active highlight is preserved.
- Native hamburger integration — no extra UI
- Tap-to-toggle on parent items
- Indented child levels for visual hierarchy
- Same active path highlight as desktop
Truly Keyboard Accessible
Full WCAG-friendly keyboard navigation. No mouse required.
↓ ↑
Navigate within a panel
→
Open sub-panel & focus first item
← Esc
Close panel, focus parent
Enter / Space
Activate item
a–z 0–9
Type-ahead jump to item
Tab
Standard focus ring
Example Hierarchy
The shipped demo data installs this four-level navigation:
Furniture
├── Living Room
│ ├── Sofa
│ │ ├── Corner Sofa
│ │ ├── Leather Sofa
│ │ └── Fabric Sofa
│ └── Coffee Table
├── Kitchen
│ ├── Storage
│ │ ├── Shelves
│ │ └── Cabinets
│ └── Dishware
└── Bedroom
└── Bed
Available in 12 Languages
English as base + 11 professional translations. Demo menu names translate automatically when your users activate their language in Odoo.
Three Steps to Setup
Install
Apps → Search "Multi-Level Menu" → Install. Pulls website
as a dependency.
Build
Website → Site → Menus. Drag children under any parent. As deep as you need.
Done
The cascade is rendered automatically. No theme code, no settings, no JavaScript to inject.
Compatibility
Community & Enterprise
16.0 (this release)
All standard themes
Fully compatible
Get Started Today
One-time purchase. Unlimited installations on your databases. Lifetime updates within the Odoo 16 series.
Roadmap
- Backend drag-and-drop tree editor
- Optional icons and badges on menu items
- Path breadcrumb component for category pages
- Versions 17.0, 18.0 and 19.0
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module