Sensible way to have different number of entries on page one of pagination?

Question

I have a blog where page one has a big "feature" thumbnail and after that each subsequent thumbnail is half the size. I want that to only happen on page one, which i have done using:

{% if paginate.currentPage == 1 and loop.index == 1 %}

That works perfectly fine.

The problem is that because of this design choice, page one shows 13 entries, but page two onward needs to show 12, otherwise it will look wonky! Any ideas on how i could achieve this?

Answer 1

There's an offset parameter that allows you to skip the first entries from your ElementCriteriaModel.

You would set up two nearly identical ElementCriteriaModels, one exclusivly for your featured entry, using the first() method to only query for the first entry, and to the second one you'd add offset(1) as a parameter, to get all the other entries for your pagination.

{% set params = { section: 'blog' } %}

{# Get the featured entry #}
{% set featuredEntry = craft.entries(params).first() %}

{# Get all the other entries #}
{% set entries = craft.entries(params).offset(1).limit(10) %}

{% paginate entries as entriesOnPage %}

    {# Show featured entry on page one #}
    {% if paginate.currentPage == 1 %}
        <img src="{{ featuredEntry.url('fullwidth') }}" class="fullwidth">
    {% endif %}

    {% for entry in entriesOnPage %}
        <img src="{{ entry.url('thumb') }}" class="thumb">
    {% endfor %}

{% endpaginate %}