Mit afx jeden einzelnen item einer ContentCollection in ein <li> stopfen

Community Germany
1

Moin,
ich möchte gern die 'carouseItems ’ {props.carouseItems} aus Neos.Demo 5 - Carousel.fusion, einzeln jeweils in ein

  • Element einbinden (nicht wie im Beispiel drunter).

    Wie kann ich mit afx auf die einzelnen items einer ContentCollection zugreifen?

    p.s. vielen Dank für die Seite docs.neos.io !

    Grüße,
    Frank

    • 2

    Du kannst Neos.Fusion:Loop verwenden: https://neos.readthedocs.io/en/stable/References/NeosFusionReference.html?highlight=Neos.Fusion%3ALoop#neos-fusion-loop

    items = ${q(node).children()} # Or whatever you need here.
content = afx`
    <ul class="carousel">
        <Neos.Fusion:Loop items={props.items} itemName="item" iterationName='iteration' @children="itemRenderer">
            <li class="carousel__item">
                <span>Do sth. with your item here.</span>
            </li>
        </Neos.Fusion:Loop>
    </ul>
`