Dd

{% if paginate.pages > 1 %}
<div class="pagination">
{% if paginate.previous %}
<a href="{{ paginate.previous.url }}">← Previous</a>
{% else %}
<span class="disabled">← Previous</span>
{% endif %}

<span>Page {{ paginate.current_page }} of {{ paginate.pages }}</span>

{% if paginate.next %}
<a href="{{ paginate.next.url }}">Next →</a>
{% else %}
<span class="disabled">Next →</span>
{% endif %}
</div>
{% endif %}

{% paginate collection.products by 24 %}
<!-- your product grid/loop -->

{% if paginate.pages > 1 %}
<!-- pagination code here -->
{% endif %}
{% endpaginate %}