元导航和普通导航 TYPO3

Question

谁能解释一下这个菜单是怎么做出来的。

我需要这样的菜单，但还没有计划。

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>

Answer 1

那个元菜单是两个菜单。

左侧：“...us de Schwiiz Contact”是页面的正常菜单
右侧是语言菜单(special = language)

易于在打字稿中定义。正如您在该页面的 HTML 中看到的那样，菜单是单独的 HTML 块 (<nav>)，语言菜单排在第一位 (->浮动)

Answer 2

试试这个 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>
        }
    }
}

作为菜单项分隔符的管道必须以这种方式解码|因为拼写错误中的管道字符本身是换行符。

元导航和普通导航 TYPO3

Meta-Nav and normal Nav TYPO3

html

menu

typo3

twitter-bootstrap

typo3-8.7.x