<div class="Pagination">
    <a rel="prev" class="Pagination-move Pagination-move--prev" href="#">Prev</a>
    <ol class="Pagination-list">
        <li><a class="Pagination-item" href="">1</a></li>
        <li><a class="Pagination-item" href="">2</a></li>
        <li><a class="Pagination-item" href="">3</a></li>
        <li><a class="Pagination-item" href="">4</a></li>
    </ol>
    <!--/.Pagination-list-->
    <a rel="next" class="Pagination-move Pagination-move--next" href="#">Next</a></div>
<!--/.Pagination-->
<div class="Pagination">
    {% if pagePrevUrl %}<a rel="prev" class="Pagination-move Pagination-move--prev" href="{{pagePrevUrl}}">Prev</a>{% endif %}
    <ol class="Pagination-list">
    {% for item in items %}
        <li><a class="Pagination-item{% if item.pageNumber == '{{currentPage}}' %} Pagination-item--current{% endif %}" href="{{currentPageUrl}}">{{item.pageNumber}}</a></li>
    {% endfor %}
    </ol><!--/.Pagination-list-->
    {% if pageNextUrl %}<a rel="next" class="Pagination-move Pagination-move--next" href="{{pageNextUrl}}">Next</a>{% endif %}
</div><!--/.Pagination-->
{
  "items": [
    {
      "pageNumber": 1
    },
    {
      "pageNumber": 2
    },
    {
      "pageNumber": 3
    },
    {
      "pageNumber": 4
    }
  ],
  "pagePrevUrl": "#",
  "pageNextUrl": "#",
  "currentPagePUrl": "#"
}

There are no notes for this item.