Zum Inhalt springen

Problem mit unterschiedlichen Layouts der Drop-Down-Menüs

Erstellt am 26. Juni 2017 · 1 Antwort · letzte Antwort am 8. Juli 2017

Tags: TYPO3 7, Frage

KasVen ·

Hi, ich möchte 4 Navigationselemente haben, bei denen 2 noch weitere Drop-Down-Menüs haben.
Dabei soll das erste Drop-Down-Menü 0815 sein. Beim zweiten Drop-Down-Menü sollen die nächsten zwei Ebenen eingefügt werden, wobei die erste davon als Überschrift zu sehen sein soll und die zweite als Unterpunkte auftauchen soll. Im Prinzip bräuchte ich nur eine Abfrage ob das Menü noch unterpunkte hat, wenn ja dann soll folgender HTML-Code benutzt werden: <div class="dropdown-menu"><div class="mega-dropdown-area"><div class="mega-dropdwown">|</div></div> und ansonsten: <ul class="menu">|</ul>

Leider klappt es nicht so wie ich es mir vorstelle. Entweder wird nur eins der beiden möglichkeiten benutzt, oder aber die 3. Ebene bekommt für jeden Datensatz die mega-dropdown-area classe hinzugefügt.

Hier der Quelltext:

  subparts.MAINNAV = HMENU
  subparts.MAINNAV {


   1 = TMENU
   1.expAll = 1

   1{
      wrap = <ul class="nav navbar-nav"> | </ul> 
      NO{
          wrapItemAndSub = <li> | </li>
        }
      IFSUB=1
      IFSUB{
             wrapItemAndSub = <li class="dropdown"> | </li>
             #ATagParams = class=dropdown-toggle data-toggle=dropdown role=button aria-haspopup=true aria-expanded=false target=_blank
           }
    }
     # zweites level   
   2 = TMENU
   2.expAll = 1
   2{
      wrap =  <div class="dropdown-menu">|</div>
      NO {
           wrapItemAndSub = <ul class="menu">|</ul>
           linkWrap = <li>|</li>
         }
      IFSUB=1
      IFSUB{
             wrapItemAndSub = <div class="mega-dropdown-area"><div class="mega-dropdwown">|</div></div>
             linkWrap = <div class="holder"><strong class="heading">|</strong>
             doNotLinkIt = 1
           }
    }
    # drittes level   
   3 = TMENU
   3.expAll = 1
   3{
      wrap =  <ul class="drop-links">|</ul></div>
      NO{
          wrapItemAndSub = <li> | </li>
        }
    }
  }

Hat jemand eine Idee?