Wayfinder Page Specific 3 Tier Nav Menu

9 Posts

-TiM- Reply #11, 17 years ago

Oh haha no worries man.

Sure okay! When I get a free second, I’ll take some snapshots and post the code that goes along with it.

Ah okay, I’ll see what I can do about that then.

Thanks!

9 Posts

-TiM- Reply #12, 17 years ago

Okay, so here’s what I did. It’s not the perfect solution I was after, but it works well enough hehe.

So attached to this thread is a picture of my menu hierarchy. The top level page isn’t actually used to display content, more it’s just there to group the sublinks.

In the template file that renders the menu on the right hand side, I’ve written the following code.

<div id="navmenu">
	<h1 class="fronttitle">Teams</h1>
    [!Wayfinder? &startId=`2` &hideSubMenus=`1` &level=`3` &outerTpl=`navmenu.InnerTpl` &innerTpl=`navmenu.InnerTpl` &rowTpl=`navmenu.InnerRowTpl` &innerRowTpl=`navmenu.InnerRowTpl` &firstClass=`first` &hereClass=``!]

	<h1 class="fronttitle">Overview</h1>
	[!Wayfinder? &startId=`1` &hideSubMenus=`1` &level=`3` &outerTpl=`navmenu.InnerTpl` &innerTpl=`navmenu.InnerTpl` &rowTpl=`navmenu.InnerRowTpl` &innerRowTpl=`navmenu.InnerRowTpl` &firstClass=`first` &hereClass=``!]
</div>

So bascially as you can see, the title is static, but the links underneath are dynamically displayed, with hidesublinks on. Each menu section has its own Wayfidner call.

Originally, I was hoping to have it so the titles could be dynamic too, but that doesn’t look possible. Either way, since the titles aren’t going to be changed very often, having them as static HTML is fine.

Hope that helps someone.

-TiM

1,390 Posts

kongondo Reply #13, 17 years ago

TiM,

Thanks for sharing

Quote from: -TiM- at Sep 10, 2009, 01:07 AM

Originally, I was hoping to have it so the titles could be dynamic too, but that doesn’t look possible

That is possible. I think in my mind I thought you wanted to create the whole menu with one WF call. Now that you are using two calls, you can use the parameters &displayStart and construct a startItemTpl.

So, the contents of the startItemTpl chunk would be:

<h1 class="fronttitle">[+wf.linktext+]</h1>[+wf.wrapper+]

Then in your site’s template add the code:

<div id="navmenu">
[!Wayfinder? &startId=`2` &hideSubMenus=`1` &level=`3` &outerTpl=`navmenu.InnerTpl` &innerTpl=`navmenu.InnerTpl` &rowTpl=`navmenu.InnerRowTpl` &innerRowTpl=`navmenu.InnerRowTpl` &firstClass=`first` &hereClass=`` &displayStart=`1`!]

[!Wayfinder? &startId=`1` &hideSubMenus=`1` &level=`3` &outerTpl=`navmenu.InnerTpl` &innerTpl=`navmenu.InnerTpl` &rowTpl=`navmenu.InnerRowTpl` &innerRowTpl=`navmenu.InnerRowTpl` &firstClass=`first` &hereClass=`` &displayStart=`1`!]
</div>

In the above site template code, &displayStart=`1` has been added to your WF call

That’s it really.

cheers/k

Wayfinder Lessons: The (almost) Complete Guide to Creating Menus in MODx Using Wayfinder