---
title: "Bootstrap Megamenu"
url: "https://www.typo3.net/d/126704-bootstrap-megamenu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Bootstrap","Frage","TYPO3 8"]
created: "2018-04-24"
last_reply: "2018-05-11"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Bootstrap Megamenu

TYPO3 › Menüs · 4 Antworten · gestartet 2018-04-24

## Eröffnungsbeitrag

**Pflegefall** · 2018-04-24 · [Beitrag #1](https://www.typo3.net/d/126704-bootstrap-megamenu/1)

Hallo zusammen,
ich habe folgendes Problem! Ich habe ein Bootstrap Megamenue gebastelt. Das funktioniert auch super!
Beim klicken auf einen Menuepunkt fährt das Menue aus und zeigt in meinem Fall ein 4er Grid mit div. Inhalten. Die Inhalte werden über RECORDS geladen:

```typoscript
    wrap = <div class="dropdown-menu mega-menu" role="menu">|</div>
          stdWrap.cObject = COA
          stdWrap.cObject {
          10 = RECORDS
          10.tables = tt_content
          10.source = 5
```

derzeit fährt bei jedem Punkt der einen Unterpunkt hat immer das menue aus und zeigt - klar mein
4er Grid was ich auf "tt_content/source = 5 gebaut habe auf. Ich möchte jedoch unterschiedliche Ziel"Sources" für die jeweiligen Seiten ausgeben. Jemand eine Idee?

Hier der gesamte Navi-Code:

```typoscript
lib.mainnavigation = COA
lib.mainnavigation {
    wrap = <nav class="navbar navbar-default"> <div class="container"> | </div> </nav>
 
    10 = COA
    10 {
        wrap = <div class="navbar-header"> | </div>
        10 = COA
        10 {
        # Hamburger
            wrap = <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">|</button>
            10 = TEXT
            10.value = <span class="sr-only">Toggle navigation</span>
            20 = TEXT
            20.value = <span class="icon-bar"></span>
            21 < .20
            22 < .20
        }
 
        # Logo
        20 = TEXT
        20.value = <img class="logo" src="fileadmin/images/logo.jpg"/>
        20.typolink {
            parameter = http://
            ATagParams = class="navbar-brand"
        }
    }
 
    20 = HMENU
    20 {
        wrap = <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> | </ul> </div>
 
        1 = TMENU
        1 {
            expAll = 1
 
            NO = 1
            NO {
                ATagTitle.field = title
                wrapItemAndSub = <li>|</li>
            }
 
            CUR < .NO
            CUR {
                wrapItemAndSub = <li class="active">|</li>
            }
 
            ACT < .CUR
 
            IFSUB = 1
            IFSUB {
                ATagTitle.field = title
                ATagParams = class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"
                linkWrap = |<b class="caret"></b>
                ATagBeforeWrap = 1
                wrapItemAndSub = <li class="dropdown">|</li>
            }
 
            ACTIFSUB < .IFSUB
            ACTIFSUB {
                wrapItemAndSub = <li class="dropdown active">|</li>
            }
 
            CURIFSUB < .ACTIFSUB
        }
 
        2 < .1
        2 {
         
          wrap = <div class="dropdown-menu mega-menu" role="menu">|</div>
          stdWrap.cObject = COA
          stdWrap.cObject {
          10 = RECORDS
          10.tables = tt_content
          10.source = 5
}

         }
          
 
            IFSUB >
            ACTIFSUB >
            CURIFSUB >
 
            SPC = 1
            SPC {
            # Linie
                wrapItemAndSub = <li class="dropdown-header">|</li> |*| <li class="divider"></li><li class="dropdown-header">|</li>
            }
        }
    }
}
```

## Antworten

### [#2](https://www.typo3.net/d/126704-bootstrap-megamenu/2) · pstranghoener · 2018-04-27

Hey Pflegefall,
schon eine Lösung gefunden? Sonst schau ich mir deine Frage nochmal genauer an.

Grüße
Philipp

### [#3](https://www.typo3.net/d/126704-bootstrap-megamenu/3) · Pflegefall · 2018-04-28

Leider nein!!!
Vielleicht verbeiße ich mich zusehr an den RECORDS / Source.
Grundidee war hierher: <https://www.t3sbootstrap.de/demo/mega-menu/>

Nur möchte ich nicht diese riesen Ext. einbauen.
Bei der Navigation von Mittwald geht das doch auch super

### [#4](https://www.typo3.net/d/126704-bootstrap-megamenu/4) · Pflegefall · 2018-05-01

Hallo Philipp,
über deine Hilfe würde ich mich super freuen!

Gruß Markus

### [#5](https://www.typo3.net/d/126704-bootstrap-megamenu/5) · pstranghoener · 2018-05-11

Hey Pflegefall,
was meinst du denn genau mit “unterschiedliche Ziel ”Sources” für die jeweiligen Seiten ausgeben”? Jede Seite hat doch generell eine Verlinkung und sollte deshalb von Haus aus auf die Ziel URL vom Backend definiert verlinken.

Meld dich nochmal und ich setze mich nochmal dran.

Grüße
Philipp

---

Quelle: „Bootstrap Megamenu“, typo3.net, https://www.typo3.net/d/126704-bootstrap-megamenu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.