Blog Pagination – show more pages

Developer Support CMS Development
6

I had to adapt it a little bit. Here’s the solution:

<div class="pagination wrapper flex-row space-between">
{% if not simple_list_page %} 

<div class="pages-navigation flex-row align-center">
 {% set page_list = [-2, -1, 0, 1, 2] %}
 {% if contents.total_page_count - current_page_num == 1 %}{% set offset = -1 %}
 {% elif contents.total_page_count - current_page_num == 0 %}{% set offset = -2 %}
 {% elif current_page_num == 2 %}{% set offset = 1 %}
 {% elif current_page_num == 1 %}{% set offset = 2 %}
 {% else %}{% set offset = 0 %}{% endif %} 

 {% if current_page_num > 1 %}<a href="{{ blog_page_link(last_page_num) }}"><span class="btn"><i class="fa fa-angle-double-left" aria-hidden="true"></i></span>
 </a>{% endif %}
 {% if contents.total_page_count > 5 %}
 {% if current_page_num >= 4 %}
 <a class="page-number btn" href="{{ blog_page_link(1) }}"><span>1</span></a>
 <a class="elipses" href="{% if current_page_num <= 5 %}{{ blog_page_link(1) }}{% else %}{{ blog_page_link(current_page_num - 5) }}{% endif %}">...</a>
 {% endif %}
 {% endif %}

 {% for page in page_list %}
 {% set this_page = current_page_num + page + offset %}
 {% if this_page > 0 and this_page <= contents.total_page_count %}
 <a {% if this_page == current_page_num %} class="page-number btn current"{% else %}class="page-number btn"{% endif %} href="{{ blog_page_link(this_page) }}"><span>{{ this_page }}</span></a>
 {% endif %}
 {% endfor %}

 {% if contents.total_page_count > 5 %}
 {% if contents.total_page_count - current_page_num > 2 %}
 <a class="elipses" href="{% if contents.total_page_count - current_page_num <= 5 %}{{ contents.total_page_count }}{% else %}{{ blog_page_link(current_page_num + 5) }}{% endif %}">...</a>
 <a class="page-number btn" href="{{ blog_page_link(contents.total_page_count) }}"><span>{{ contents.total_page_count }}</span></a>
 {% endif %}
 {% endif %}
 {% if next_page_num %}<a href="{{ blog_page_link(current_page_num + 1) }}">
 <span class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span>
 </a>{% endif %}

</div>
 {% endif %}
 </div>

Thanks again for the input!