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을 :)와 같은 유체 템플릿 (I을 해요 무엇인가 . 아코디언 내용이 자신의 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의 마스크 정의를 추가하십시오.