TYPO3マスクCEアコーディオン

Question

私はマスクCEエレメント、アコーディオンを構築しようとしています。

ご覧のとおり、http://www.pizzaworkshop.nl/index.php?id=3は部分的に動作しています。私はこの権利を得るためにいくつかの助けが必要ですが（ネット上のいくつかの良いサンプルの欠如による）。

これは流体テンプレート（私は、だから、すべての部品があることが、HTMLで「繰り返し」を取得する方法と思われる？

<f:if condition="{data.tx_mask_planned_header}"> 
    <f:format.nl2br>{data.tx_mask_planned_header}</f:format.nl2br> 
</f:if> 

<ul class="accordion" data-accordion> 

    <li class="accordion-item" data-accordion-item> 
    <a href="#" class="accordion-title"><f:if condition="{data.tx_mask_workshop_gepland}"> 
    <f:for each="{data.tx_mask_workshop_gepland}" as="data_item"> 
    <f:if condition="{data_item.tx_mask_datum_workshop}"> 
    <f:format.date format="d.m.Y">{data_item.tx_mask_datum_workshop}</f:format.date> 
    </f:if> 
    <f:switch expression="{data_item.tx_mask_soort_workshop}"> 
     <f:case value="1">Pizza -Fun Workshop</f:case> 
     <f:case value="2">Pizza - Master Workshop</f:case> 
     <f:case value="3">Pizza - Midsummer Pizza</f:case> 
    </f:switch> 
</a> 
    <div class="accordion-content" data-tab-content> 
     <h4> 
     <f:if condition="{data_item.tx_mask_workshop_state}"> 
    <f:switch expression="{data_item.tx_mask_workshop_state}"> 
     <f:case value="1"><b>Nieuwe workshop!<b/></f:case> 
     <f:case value="2">Deze workshop is vol!</f:case> 
     <f:case value="3">Nog enkele plaatsen beschikbaar</f:case> 
    </f:switch> 
    </f:if>     
     </h4> 
     <div class="callout"> 
     <f:if condition="{data_item.tx_mask_workshop_info}"> 
     <f:format.html parseFuncTSPath="lib.parseFunc_RTE">{data_item.tx_mask_workshop_info}</f:format.html> 
    </f:if> 

     <button class="button-red"> <f:if condition="{data_item.tx_mask_workshop_form_link}"> 
     <f:link.page pageUid="{data_item.tx_mask_workshop_form_link}"></f:link.page> 
    </f:if> 
    </button> 
     </div> 
    </div> 
     </li> 
</f:for> 
</ul> 
</f:if> 

Answer 1

私が持っているfoundation6 :) を使用してMと私が持っているものです。アコーディオンコンテンツが自身のCEがどこにあるアコーディオンは、だから私のレンダリングはで構成されています

<ul class="accordion" data-accordion> 
    <f:for each="{data.tx_mask_accordionitems}" as="accordion_item"> 
     <f:cObject typoscriptObjectPath="lib.tx_mask.content">{accordion_item.uid}</f:cObject> 
    </f:for> 
</ul> 

私たちのマスクの定義...
...（のみ許可slider_elements）スライダー用：

...スライダー要素：

...タブ（許可サブ要素として複数のCE）：あなたのCE定義が異なる場合があります場合

あなたのソリューションは異なる場合があります。 CEのマスク定義を追加してください。