Meta-Nav和普通导航TYPO3

时间:2017-09-22 09:33:05

标签: html twitter-bootstrap menu typo3 typo3-8.7.x

我可以告诉我这个菜单是如何制作的。

我需要一个这样的菜单,并没有计划如何。

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>

2 个答案:

答案 0 :(得分:1)

这个元菜单是两个菜单。

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

易于在typoscript中定义。正如您在该页面的HTML中看到的那样,菜单是单独的HTML块(<nav>),首先是语言菜单( - &gt;浮动)

答案 1 :(得分:0)

试试这个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中的管道字符本身会被重新保存以进行换行。