Zum Inhalt springen

Mobile Navigation BootstrapTV

Erstellt am 8. Januar 2014 · Noch keine Antworten

Tags: TYPO3 6.x, Frage

andy-man ·

Hallo,
leider wird bei der mobilen Navigation des BootstrapTv http://t3bootstraptv.de/de/typo3-bootstrap/nur bis zur zweiten Ebene die Menüstruktur angezeigt. Ich möchte aber, dass auch die dritte Ebene angezeigt wird.
Das TS der Mobilen Navigation ist

######################################################
# mobile navigation
lib.nav_mobile = COA
lib.nav_mobile {
  wrap = <div id="mobile-navigation" class="{$classNavbar}">{$containerWrap}</div>
  10 = COA
  10 {
    wrap = <nav id="navbar-mobile" class="{$classNavMobile}"><div class="navbar-inner"><ul id="nav-mobile" class="nav {$navigationMobileClass}">|</ul></div></nav>
    #wrap = <nav id="navbar-mobile" class=""><div class="navbar-inner"><ul id="nav-mobile" class="nav {$navigationMobileClass}">|</ul></div></nav>
    
    
    20 < lib.prototype.nav_vertical
    20 {
      entryLevel = {$navigationMobileEntryLevel}
      wrap = |
      #special = directory
      
      1 {
        wrap >
        IFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="#" onclick="return false">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 1
        }
        ACTIFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="#" onclick="return false">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 1
        }
        CURIFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="#" onclick="return false">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 1
        }
      }
      2 < .1
      2 {
        wrap = |</ul>
      }
      3 < .2
      4 < .2
           
    }
  } 
}

mit dieser Anpassung wird auch die dritte Ebene angezeigt, aber nicht in einem eigenen <ul> </u> Element, sondern als gleichwertiges li-Element der zweiten Ebene

######################################################
# mobile navigation 3 EBENEN
lib.nav_mobile = COA
lib.nav_mobile {
  wrap = <div id="mobile-navigation" class="{$classNavbar}">{$containerWrap}</div>


  10 = COA
  10 {
    wrap = <nav id="navbar-mobile" class="{$classNavMobile}"><div class="navbar-inner"><ul id="nav-mobile" class="nav {$navigationMobileClass}">|</ul></div></nav>
    #wrap = <nav id="navbar-mobile" class=""><div class="navbar-inner"><ul id="nav-mobile" class="nav {$navigationMobileClass}">|</ul></div></nav>
    
    
    20 < lib.prototype.nav_vertical
    20 {
      wrap = |
      #special = directory
      
      1 {
        wrap >
        IFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="javascript:return false;">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 1
        }
        ACTIFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="javascript:return false;">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 1
        }
        CURIFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="javascript:return false;">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 1
        }
      }
      2 {
        wrap = |</ul>
      }
      3 {
        wrap >
        IFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="javascript:return false;">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 2
        }
        ACTIFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="javascript:return false;">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 2
        }
        CURIFSUB {
          linkWrap = <a data-toggle="collapse" data-target=".mo{elementUid}" href="javascript:return false;">|</a><ul class="{$classNav} mo{elementUid}">
          doNotLinkIt = 2
        }
      }
	  4 {
        wrap = |</ul>
      }
      }
    }
  }
}

Kann mir da jemand einen Tipp geben, was ich ändern muss,
damit die 3 Ebene in einem eigenen ul-Element angezeigt wird?

Danke

andy-man