Search code examples
htmltwitter-bootstrapmenutypo3typo3-8.7.x

Meta-Nav and normal Nav TYPO3


can me somebody explain me how this menu was made.

I need a menu like this and have no plan how.

https://i.sstatic.net/j1h1X.png

https://www.alesa.ch/en/

Thanks for the answers.

Edit:

So it's working now.

<f:spaceless>
<div id="top"></div>
<div class="body-bg{f:if(condition:settings.navigation.type, then:' body-bg-{settings.navigation.type}')}">
    <a class="sr-only sr-only-focusable" href="#content">
        <span>{f:translate(key: 'skiptomaincontent', extensionName: 'bootstrap_package')}</span>
    </a>
	<nav class="navbar navbar-default navbar-fixed-top">
		<nav class="navbar-top navbar hidden-xs">
			<div class="container">
			  <!-- right nav top -->
				<ul class="nav navbar-nav pull-right">
					<f:render partial="Navigation/Meta" arguments="{_all}" />
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-globe"></span> <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<f:render partial="Navigation/Language2" arguments="{_all}" />
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<f:render partial="Navigation/Main" arguments="{_all}" />
	</nav>
    <f:render partial="Navigation/Breadcrumb" arguments="{_all}" />


    <div id="content" class="main-section">
        <!--TYPO3SEARCH_begin-->
        <f:render section="Main" />
        <!--TYPO3SEARCH_end-->
    </div>

    <f:render partial="Structure/Footer" arguments="{_all}" />
    <f:render partial="Structure/ScrollTop" arguments="{_all}" />

</div>
</f:spaceless>


Solution

  • That metamenu are two menus.

    left side: "...us de Schwiiz Contact" are normal menu to pages
    right side is a language menu (special = language)

    Easy to define in typoscript. As you can see in the HTML of that page the menus are seperate HTML blocks (<nav>) and the language menu comes first (->floating)