Cannot output perPage limited article list using Handlebars templates about metalsmith-pagination HOT 6 CLOSED

@1Copenut Do you have access to pagination.files - change collections.articles to pagination.files? Do you have the code that isn't working for you that I can see/try? A repro would be great too, if that doesn't work.

from metalsmith-pagination.

Hi @blakeembrey
I tried switching the collections.articles to pagination.files, but it doesn't output anything when I do.

Repo for my project: https://github.com/1Copenut/seward-fast/tree/feature/collections

I'll continue investigating on this end as well.

Thank you.

from metalsmith-pagination.

@1Copenut It appears to be working for me, I just added pagination and updated the template - what file output are you looking at?

from metalsmith-pagination.

templates/partials/blogNavigation.hbt

<h2 id="blogHeading">Top Blog Posts</h2>
<ul class="articleList">
    {{#each pagination.files}}
        <li class="articleList__item">
            <h3 class="articleList__itemName">
                <a href="{{ this.path }}">{{ this.title }}</a>
            </h3>
        </li>
    {{/each}}
</ul>

build.js

    .use(pagination({
        'collections.articles': {
            'perPage': 2,
            'template': 'partials/blogNavigation.hbt',
            'path': 'page/:num/index.html'
        }
    }))

build/page/1/index.html

<h2 id="blogHeading">Top Blog Posts</h2>
<ul class="articleList">
        <li class="articleList__item">
            <h3 class="articleList__itemName">
                <a href="articles/2016-01-10-first-post">Example title.</a>
            </h3>
        </li>
</ul>

from metalsmith-pagination.

Hm. I might just be mis-understanding how it works. I was expecting to see the perPage limited number of posts on the index.html front page, but seeing your example code, I can understand what's happening.

Sorry for the confusion, and thank you for help!

from metalsmith-pagination.

@1Copenut If you want a different front-page, there's an option to change where the first page is output to.

Edit: https://github.com/blakeembrey/metalsmith-pagination#javascript (first option, you'll need to do some custom rendering if you want to make it look different though based on the current page number).

from metalsmith-pagination.