How do I add an infinite scroll on collection pages please? Dawn theme 4.0

Shopify Discussion

Topic summary

A merchant seeks code to implement infinite scroll on collection pages in Dawn theme 4.0.

Primary Solution Provided:
A detailed 5-step technical implementation using the Ajaxinate script:

  • Download and add ajaxinate.min.js to theme assets
  • Insert script tag in main-collection-product-grid.liquid
  • Create new ajaxinate instance before schema section
  • Modify pagination.liquid by adding class=“infinite_next” to the next page list item
  • Update facets.js to handle filtering scenarios by adding initialization code

One user confirmed this solution worked successfully.

Alternative Resources:

  • Link to Huratips tutorial for infinite scroll implementation
  • Recommendation for ScrollerPro app as a no-code solution

Unresolved Extensions:
Two users requested guidance for applying infinite scroll beyond collection pages—one for the homepage (Dawn 11) and another for collection list pages (Dawn 14.0). These requests remain unanswered.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
3

Hi @catukf100

You can try following this tutorial for your theme. There are a lot of apps that can help you solve this problem, but many people find this as a solution for them: https://www.huratips.com/tech-tips/how-to-add-infinite-scroll-pagination-to-shopify-collection-pages.html

I hope that you will find it useful.

2 Likes