Create a Menu Section Header with TypoScript

11

Submenu and Header Level 1

Submenu and Header Level 2

Submenu and Header Level 3

Breadcrumb sample

By: Michael Cannon

Submitting your vote...

Rating: 4.0 of 5. 1 vote(s).
Click the rating bar to rate this item.

In the name of usability, it's extremely helpful to keep website users informed of where they are on a website. Frequently, this "where am I" functionality is handled by a breadcrumb, but you can also use section headers to provide similar capability.

The TypoScript that follows, put into your TypoScript template Setup section, performs two functions. The first, lib.nav.sub.header, is to create the section header. The second, lib.nav.sub, incorporates lib.nav.sub.header into the submenu for the section in which a user is located.

When you're ready to insert the submenu, use lib.nav.sub in your TemplaVoila Data Structure XML or TypoScript Setup.

lib.nav.sub.header = HMENU
lib.nav.sub.header {
	special = rootline
	special.range = 1|1
	wrap = <li id="title">|</li>
	1 = TMENU
	1 {
		NO {
			doNotLinkIt = 0
			ATagTitle.field = description // title
			stdWrap.htmlSpecialChars = 1
		}
	}
}

lib.nav.sub = COA
lib.nav.sub {
	wrap = <div id="submenu"><ul>|</ul></div>

	10 < lib.nav.sub.header
	
	20 = HMENU
	20 {
		entryLevel = 1
		1 = TMENU
		1 {
			NO {
				wrapItemAndSub = <li>|</li>
				ATagTitle.field = description // title
				stdWrap.htmlSpecialChars = 1
			}

			CUR < .NO
			CUR = 1
			CUR {
				wrapItemAndSub = <li id="active">|</li>
				doNotLinkIt = 1
			}
		}
		
		2 < .1
		2.wrap = <ul>|</ul>
		3 < .2
		4 < .2
	}
}

Reference

• HMENU
• TMENU
• TMENUITEM

Please subscribe to Acqal Newsletter and Acqal Blogging via Email or RSS Feed .

© 2009 Acqal Corporation. All Rights Reserved.