Skip to content Skip to footer navigation

Chunk Modifier

Break arrays or collections into smaller (wait for it) chunks of any given size. This is useful for performing various gymnastics with your HTML markup.

{{ collection:news as="posts" limit="6" }}
{{ posts chunk="3" }}
<div class="flex space-x-4">
{{ chunk }}
<a href="{{ url }}" class="bg-purple-800 text-white p-4">
{{ title }}
</a>
{{ /chunk }}
</div>
{{ /posts }}
{{ /collection:news }}
<s:collection:news as="posts" limit="6">
 
@foreach (Statamic::modify($posts)->chunk(3) as $chunk)
<div class="flex space-x-4">
@foreach ($chunk['chunk'] as $entry)
<a href="{{ $entry->url }}" class="bg-purple-800 text-white p-4">
{{ $entry->title }}
</a>
@endforeach
</div>
@endforeach
 
</s:collection:news>
<div class="flex space-x-4">
<a href="/ideas/book" class="bg-purple-800 text-white p-4">
Book: Somehow I Manage
</a>
<a href="/ideas/party" class="bg-purple-800 text-white p-4">
Party: Goodbye Toby
</a>
<a href="/ideas/screenplay" class="bg-purple-800 text-white p-4">
Screenplay: Threat Level Midnight
</a>
</div>
<div class="flex space-x-4">
<a href="/ideas/art" class="bg-purple-800 text-white p-4">
Art: A Stapler
</a>
<a href="/ideas/poster" class="bg-purple-800 text-white p-4">
Poster: Kids Playing Instruments
</a>
<a href="/ideas/mug" class="bg-purple-800 text-white p-4">
Mug: World's Best Boss
</a>
</div>