Twig loop.index

Der Twig loop.index

Wollten Sie im Pico Loop an festgelegten Stellen eine Formatänderung erfügen, dann können Sie den loop.index nutzen, um den aktuellen Counter des Loops zu ermitteln.

{% for page in pages(page.id, depth=0)|slice(0,6) %}

    {% if loop.index == '1' or loop.index == '4' %}
        <div class="row mt-4">
    {% endif %}
    ...
    ...
    {% if loop.index == '3' or loop.index == '6' %}
        </div>
    {% endif %}

{% endfor %}

Code

Das Codebeispiel oben öffnet einen Kontainer der Klasse ROW am 1. und 4. Post, die im Bootstrap CSS eine neue Zeile erzeugt und nach je Post 3 und 6 wird der Kontainer jeweils geschlossen. Als Resultat entsteht eine dreispaltige Ansicht mit zwei Zeilen.