TypoScript Breadcrumb Navigation

“>

Creating breadcrumb navigation for your TYPO3 website is easy, just like static header menus.

You can copy and paste the following TypoScript code into your TypoScript template’s Setup section and then call lib.nav.breadcrumb as needed into your TemplaVoila or TypoScript page template.

lib.nav.breadcrumb = HMENU
lib.nav.breadcrumb {
	includeNotInMenu = 1
	special = rootline
	1 = TMENU
	1 {
		NO = 1
		NO {
			linkWrap = | » |*||*| |
			ATagTitle.field = description // title
			stdWrap.htmlSpecialChars = 1
		}
		CUR < .NO
		CUR {
			doNotLinkIt = 1
			stdWrap.htmlSpecialChars = 1
		}
	}
}
lib.nav.breadcrumb.wrap = <div id="nav_breadcrumb">|</div>

Reference

• HMENU
• TMENU
• TMENUITEM

Related Entries

• Static header or footer navigation with TypoScript
• Create a Section Header and Menu with TypoScript
• Sprachmenü (Language menu) via TypoScript
• Create Next Page Navigation with TypoScript
• Set a Sitemap Starting Point From Within a Website

Tagged as: breadcrumb, HMENU, menu, navigation, TMENU, TypoScript

About Michael Cannon

Hello, I'm Michael Cannon, Peichi's smiling man, an adventurous water-rat, chief technology officer, cyclist, poet, WWOOF'er and world traveler.