Meta-Nav и обычная Nav TYPO3

Может ли кто-нибудь объяснить мне, как это меню было сделано.

Мне нужно такое меню, и у меня нет плана как.

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 ответа

Решение

Это метамену два меню.

левая сторона: "...us de Schwiiz Contact" - обычное меню для страниц
правая сторона - языковое меню (special = language)

Легко определить в опечатке. Как вы можете видеть в HTML этой страницы, меню представляют собой отдельные блоки HTML (<nav>) и языковое меню на первом месте (-> плавающий)

Попробуйте этот 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 зарезервирован для переносов.

Другие вопросы по тегам