silverstripe-framework/docs/en/02_Developer_Guides/01_Templates/How_Tos/01_Navigation_Menu.md
Fred Condo 82ed86f6cd DOCS: correct broken links
- Correct internal links between documentation pages
- Delete defunct links to documentation removed during documentation reorganization
- Restore testing glossary
- Verify by crawling site locally
2015-02-27 16:09:15 -08:00

839 B

title: How to Create a Navigation Menu

How to Create a Navigation Menu

In this how-to, we'll create a simple menu which you can use as the primary navigation for your website. This outputs a top level menu with a nested second level using the Menu loop and a Children loop.

mysite/templates/Page.ss

:::ss
<ul>
	<% loop $Menu(1) %>
		<li>
			<a href="$Link" title="Go to the $Title page" class="$LinkingMode">
				$MenuTitle
			</a>

			<% if $LinkOrSection == section %>
				<% if $Children %>
					<li><ul class="secondary">
						<% loop $Children %>
							<li class="$LinkingMode"><a href="$Link">$MenuTitle</a></li>
						<% end_loop %>
					</ul></li>
				<% end_if %>
			<% end_if %>
		</li>
	<% end_loop %>
</ul>