2016-09-09 10 views
0

とアコーディオンメニューを作成し、今日の私は、ブートストラップCSSとTYPO3 7.6でのTypoScriptでアコーディオンメニューを作成する方法を考え出すかなり楽しい時間を過ごした。*昨日のTypoScript

を私はほとんど私の心を失った上で私の脳を疑問視しているので私は良い解決策を模索しています。

編集:おそらく、あなたはメニューのレンダリングのための流体を使用することができます

+1

これは自己回答型の質問として再フォーマットする必要があります。これは現在問題が解決されています(問題ではないため)。 – Jost

+0

ドキュメントに例として追加することはありますか? – Jost

+0

これを自己回答型の質問としてどのように再フォーマットできますか?それ以外にも、私の解決策には改善の余地があると確信しています! – firegate666

答えて

0

昨日と今日、私はかなりいくつかの楽しみTYPO3 7.6でブートストラップCSSとのTypoScriptとアコーディオンメニューを作成する方法を考え出すを持っていた*私はほとんど私の心を失ったので

:ここではいくつかの例があります。その途中で私の脳に疑問を呈したので、私はあなたに私の結果を伝えたいと思っています。リンクされていない - -

は、私が最初のレベルが唯一のグループ化のためである2レベルのメニューを持っており、第2のレベルはサブページ

これは私のテンプレート内のHTMLコンテナで含まれています

# HTML part, put into your template 
<div class="panel-group" id="accordion"> 
    <f:cObject typoscriptObjectPath="lib.menu2" /> 
</div> 

をそして、これは私のTypoScriptです:

# TypoScript part 
lib.menu2 = HMENU 
lib.menu2 { 
    wrap = | 

    1 = TMENU 
    1.expAll = 1 

    1.NO = 1 
    1.NO.wrapItemAndSub = <div class="panel panel-default">| </table></div></div></div> 
    1.NO.doNotLinkIt = 1 
    1.NO.allStdWrap.dataWrap = <div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse{field:uid}"> | </a></h4></div><div id="collapse{field:uid}" class="panel-collapse collapse"><div class="panel-body"><table class="table"> 

    1.IFSUB < .1.NO 
    1.IFSUB.allStdWrap.dataWrap = <div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse{field:uid}"> | </a></h4></div><div id="collapse{field:uid}" class="panel-collapse collapse"><div class="panel-body"><table class="table"> 

    1.CURIFSUB < .1.NO 
    1.CURIFSUB.allStdWrap.dataWrap = <div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse{field:uid}"> | </a></h4></div><div id="collapse{field:uid}" class="panel-collapse collapse in"><div class="panel-body"><table class="table"> 
    1.ACTIFSUB< .1.CURIFSUB 

    2 = TMENU 
    2.NO = 1 
    2.NO.linkWrap = <tr><td> | </td></tr> 
} 

私はまだ小さいが、何のサブメニューが存在しないNOのためのサブメニューのものを削除するには、私のtodolistの上でクリーンアップします。

あなたはどう思いますか?

1

に疑問を自身の答えと変更トピックの開始に移動ソリューション。

https://github.com/TYPO3/TYPO3.CMS/tree/master/typo3/sysext/fluid_styled_content/Resources/Private/Partials/Menu

+0

omg、これは私の心に来ていないし、TSをハッキングするよりもはるかにスマートです。私は流体のみのためのテンプレートを見ることができます、変数を利用可能にするためにTSに何かを含める必要があるかどうか分かりますか?たとえば、https://github.com/TYPO3/TYPO3.CMS/blob/master/typo3/sysext/fluid_styled_content/Resources/Private/Partials/Menu/Directory.htmlには、次のリストをレンダリングするための 'pageUids'が必要です。ページ – firegate666

+0

{_all} bschauer