Pagination (paginate)

Wrap the loop in paginate and set the page size with by.

{% paginate collection.products by 12 %}
  {% for product in collection.products %}
    {{ product.title }}
  {% endfor %}
  {{ paginate | default_pagination }}
{% endpaginate %}

Number of items per page.

{{ paginate.page_size }}

The page number being viewed.

Page {{ paginate.current_page }} of {{ paginate.pages }}

Number of items skipped before the current page.

{{ paginate.current_offset }}

Total number of pages.

{{ paginate.pages }}

Total number of items across all pages.

{{ paginate.items }} products

The previous page as a part object; nil on the first page.

{% if paginate.previous %}
  <a href="{{ paginate.previous.url }}">{{ paginate.previous.title }}</a>
{% endif %}

The next page as a part object; nil on the last page.

{% if paginate.next %}<a href="{{ paginate.next.url }}">Next</a>{% endif %}

An array of page links for building custom numbered pagination. part.is_link is false for the current page and ellipses.

{% for part in paginate.parts %}
  {% if part.is_link %}
    <a href="{{ part.url }}">{{ part.title }}</a>
  {% else %}
    <span>{{ part.title }}</span>
  {% endif %}
{% endfor %}