Wrap every 4 elements in a div

• philn

• February 9, 2023 at 12:28 pm

Hey guys,

I use the repeater field so I have a while loop. Now I have 7 elements and every 4 elements should have a div wrapper. The other three elements must have a wrapper to.

For example

<div class=”flex-wrap”>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

<div class=”flex-wrap”>
<div></div>
<div></div>
<div></div>
</div>

Have anybody a idea to get this work?

• wpfieldwork

• February 9, 2023 at 11:07 pm

Multiple ways to do it but one way is with an incrementing variable. You would want to know how many items you have total, as you’re going to want to do splits at multiples of 4 when there are still more items to show, you wouldn’t want to do it after the 8th item when there’s only 8 items, for example.

So something like this: https://pastebin.com/nK4rpV5T

There could be other/better ways to go about it but it’s one way to achieve what you’re after.

• philn

• February 10, 2023 at 2:45 pm

Thanks 🙂 a good solution that work for me.