Ajaxinate

Ajaxinate is a small open-source JavaScript library for infinite scroll on Shopify. It wraps a paginated product loop and requests the next page when the container comes into view, then appends or swaps in the results without a full page load. Shopify's own pagination still renders underneath it.

Documented at https://github.com/elkfox/Ajaxinate.

How We've Used It

It ships with the premium theme our collection work extends, and the collection body turns it on or off through a theme setting rather than through code. That is the pattern worth naming. Paging behavior becomes something a merchandiser sets per template, on a library the theme already carries, with the Liquid pagination still rendering as the path everything else depends on — crawlers, deep links, and any shopper whose scroll never triggers the next request.

Builds Using It

Related Entities

Our Role

Coexistence. The library ships with the theme; our collection work configures it rather than standing up a second paging path.

Builds