Meta-Nav and normal Nav TYPO3



我可以有人向我解释我如何制作此菜单。

我需要这样的菜单,没有计划。

https://i.stack.imgur.com/j1h1x.png

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

感谢您的答案。

编辑:

所以它现在正在工作。

<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>

metamenu是两个菜单。

左侧:" ... US de Schwiiz联系人"是页面的正常菜单
右侧是语言菜单(special = language

易于在Typoscript中定义。如您在该页面的HTML中所见,菜单是单独的HTML块(<nav>),而语言菜单首先出现( -> floating)

尝试此typoscript-snippet:

lib.metanav = HMENU
lib.metanav {
    special = directory
    special.value = <uid-of-sysfolder-or-page-holding-the-items>
    wrap = <ul class="metanav">|</ul>
    1 = TMENU
    1 {
        NO = 1
        NO {
            wrapItemAndSub = <li>| &#124; </li> |*| <li> | &#124; </li> |*| <li>|</li>
        }
    }
}

管道作为菜单项分离器必须以这种方式解码&#124;,因为Typoscript中的管道字符本身可以处理包裹。

相关内容

  • 没有找到相关文章

最新更新