Eleventy Filter - Chunk

It's actually a plugin!

Adds a chunk filter to 11ty. It's basically the loadash chunk method and is useful for spltting data or collections where pagination is not really what you need.

Install:

npm install @jamshop/eleventy-filter-chunk

Usage

In you main config .eleventy.js:

const chunkPlugin = require("@jamshop/eleventy-filter-chunk");

module.exports = (eleventyConfig) => {
  eleventyConfig.addPlugin(chunkPlugin);
  // and the rest of your config
};

Examples:

Nunjucks

---
layout: "page.njk"
testData: ["a","b","c","d"]
---

{% for chunk in (testData | chunk(2)) %}
  chunk: {{ chunk }} <br>
{% endfor %}

Liquid (markdown/html)

---
layout: "page.njk"
testData: ["a","b","c","d"]
permalink: "/md.html"
---
{% assign chunks = (testData | chunk: 2) %}
{% for chunk in chunks %}
  chunk: {{ chunk }} <br>
{% endfor %}

Handlebars

---
layout: "page.njk"
testData: ["a","b","c","d"]
permalink: "/hbs.html"
---
{{#each (chunk testData 2) }}
  chunk: {{this}}<br>
{{/each}}