What do you call this kind of pagination and how can I do it?

Store Design
1

stressedowner_0-1651392440858.png

Currently, I have this code which only outputs previous and next buttons.


  {% paginate collection.products by 12 %}
    

      

        {% for product in collection.products %}
          {% render 'product-card', product: product %}
        {% else %}
          

There are no products inside of this collection.

        {% endfor %}
      

      {% render 'pagination', pagination: paginate %}
    

    
  {% endpaginate %}


{% if pagination.pages > 1 %}
    
{% endif %}
2

Hello @stressedowner

Please follow this tutorial

1 Like
3

This works. Thanks!