Collection Pagination: Jump to Page Number

I recently had a client that wanted to integrate a "jump to" pagination feature. Several of the collections had 40+ pages to jump through. Below is code to integrate. 


<div class="jumpto">
<label>Jump to page #</label><input type='text' id="pageNum"><input type="submit" id="go" value=">" class="button" >
</div>

$("#go").click(function() { 
var pageNum = $('#pageNum').val();
alert(pageNum);
window.location.href = '/collections/{{ collection.handle }}?page=' + pageNum;
});

Leave a comment

Please note, comments must be approved before they are published

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


You may also like

View all
Example blog post
Example blog post
Example blog post