Blog Sections Open
Building Dropdown Navigation with DLBuildMenu in DocLister
A practical DLBuildMenu pattern for mixing top-level dropdown items with normal leaf links in one navigation tree.
DLBuildMenu is one of those DocLister helpers that becomes much more useful once your navigation stops being a flat list. the underlying example used it to build a Bootstrap-style dropdown menu where parents with children render as dropdowns, while items without children remain simple links.
Why it matters
A large site rarely needs only one menu shape. Some sections need full nested output, others should stay lightweight. DLBuildMenu makes that distinction explicit through separate templates instead of forcing everything through one row pattern.
Core idea
[[DLBuildMenu?
&parents=`1`
&maxDepth=`2`
&TplMainOwner=`@CODE:<ul class="row">[+dl.wrap+]</ul>`
&TplDepth1=`... dropdown wrapper ...`
&TplDepth2=`... child row ...`
&noChildrenRowTPL=`... simple top-level link ...`
]]
The important trick is &noChildrenRowTPL. It lets you avoid fake dropdown markup for nodes that do not actually have children.
That makes DLBuildMenu a solid fit for production menus where information architecture and frontend markup do not map one-to-one.
Building Category Menus with Wayfinder for Fixed Ecommerce Markup
How to adapt Wayfinder output to match a fixed ecommerce menu design in Evolution CMS.
Sorting Ditto Listings by Price from a TV Value
How to build request-driven price sorting for Ditto listings when product price lives in a TV field.