Use of pagination in product listings

[andelo]

when listing many products, pages, articles etc its common to use pagination to limit the result into pages.

{% paginate collection.products by 25 %}
  {% for product in collection.products %}
    {% include 'productCard' %}
  {% endfor %}
  /* render the pagination buttons */  
  {% for p in (1..paginate.pages) %}
    ...
  {% endfor %}
{% endpaginate %}

The pagination uses a page url query parameter like this: /collection/our-versions?page=1

It can be used with auto pagination or infinite scroll where the paginated content is fetched using js.

[andelo]

Added a paginate snippet.

Usage:

{% paginate collection.products by 25 %}
  {% for product in collection.products %}
    {% include 'productCard' %}
  {% endfor %}
  {% include 'paginate' %}
{% endpaginate %}

NOTE: it requires fixes in the liquid parser that is available from v0.13+

[andelo]

We should perhaps create an auto paginate component.