Shopify endless scroll plugin


  • No dependencies

  • Multiple methods; 'Endless scroll' automatically adds content as you scroll, whereas 'endless click' adds content on click

  • Graceful fallback when JavaScript is not available

  • Created for Shopify, but will work on any site


Getting started

You can either use NPM to add the plugin to your project, or manually add and the configure the code as necessary


If you would like to change the names of the selectors, you can pass them in with the following settings:

For example:

document.addEventListener("DOMContentLoaded", function() {
  var endlessScroll = new Ajaxinate({
    container: '#AjaxinateContainer',
    pagination: '#AjaxinatePagination',
    method: 'click',
    offset: 1000


Last updated