for loop inside twig.js, setting the loop counter

Question

I am using twig.js for templating. I have html div which displays 3 items from the items list.

<div class="item-container">
    {% set i = 0 %}
    {% for i in 0..items | length %}
    <ul>
        <li> {{ items[i].name }}     </li>
        <li> {{ items[i + 1].name }} </li>
        <li> {{ items[i + 2].name }} </li>
    <ul>
    {% set i = i + 3 %}
    {% endfor %} 
</div>

First iteration loop works fine, but $i will not be incremented using {% set i = i + 3 %}.
Can anyone tell me how to do this ?

I see there are valid solutions, but I'd still like to add the batch filter as an alternative. — Maerlyn
– Maerlyn, Commented May 7, 2014 at 13:52

VisioN · Accepted Answer · 2014-05-07 09:45:04Z

4

Use range function, it has step argument:

<div class="item-container">
{% for i in range(0, items|length-1, 3) %}
    <ul>
        <li>{{ items[i] }}</li>
        <li>{{ items[i+1]|default }}</li>
        <li>{{ items[i+2]|default }}</li>
    </ul>
{% endfor %}
</div>

Instead of default filter you may use {% if items[i+1] is defined %}.

answered May 7, 2014 at 9:45

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

geekgugi Over a year ago

This works fine, if items length is more than step value. In case the item length is less than step value, twig will throw error.

VisioN Over a year ago

@geekgugi Just wrap the loop with if clause checking items|length < 3 or add this condition before defining the range.

Collectives™ on Stack Overflow

for loop inside twig.js, setting the loop counter

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related