@PageFly-Victor i already added this in my theme as well but i am it is working on all pages of my website perfectly. but i want this to work on my websites home page as well. guide me how can i add this function in my website’s home page as well. i am using shopify theme dawn version 11
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.