Dawn Theme Infinite Scroll / Load More Button?

Store Design
,

Topic summary

A user seeks to implement infinite scroll or a “load more” button for collection pages in the Dawn theme, allowing products from multiple pages to display on a single page.

Attempted Solution:

  • Tried an infinite-scroll implementation from a GitHub guide
  • The solution worked functionally but caused image quality issues
  • New products loading below appeared blurry, particularly on mobile devices

Community Response:

  • Another user reported success with a different tutorial from WebSensePro
  • Shared an alternative implementation guide for adding infinite scroll to Shopify

Current Status:

  • The discussion remains open with no confirmed resolution to the image blurriness issue
  • Multiple implementation approaches are being explored
Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am looking for a method of presenting the extra pages for a collection on the same page. I think a load more button or a load on scroll would be nice.

I tried this solution with infinite-scroll : solution link - it worked, but when the new products load below, their images are blurry (on mobile). This would be the perfect solution if the images were not blurry.

Thanks for your time in advance!

2

This worked for me!

https://websensepro.com/blog/how-to-add-infinite-scroll-on-shopify/