How to add infinite scroll pagination at product grid Shopify Dawn theme

Store Design
, , ,

Topic summary

Goal: Add infinite scroll to the product grid on Shopify’s Dawn theme; current apps cause newly loaded products to appear without images.

Key points:

  • Dawn does not include infinite scroll by default. A workaround is increasing the product limit on collection pages, but this isn’t lazy loading and can slow the page.
  • A coding guide was suggested (link provided) to implement infinite scroll on collection pages.

Roadblocks:

  • Multiple users cannot proceed from step 6 of the guide; the section involving the DIV implementation is unclear.
  • Original issue persists: after “load more,” products show up without images when using apps.

Context terms:

  • Infinite scroll: automatically loads additional products as the user scrolls.
  • Lazy loading: defers loading images/content until needed to improve performance.

Status and needs:

  • No confirmed solution yet. Users request clearer, step-by-step coding assistance, especially for steps after point 6 and the DIV setup. Discussion remains open.
Summarized with AI on December 28. AI used: gpt-5.
1

Hi!

We have tried multiple apps to have infinite scroll pagination at our product grid but none of them is working well. After ‘more products loaded’ the more products show up without images..

Is there any other way (maybe with coding) to have infinite scroll pagination that is loading the products well?

Please assist!
Kind regards,
Els

1 Like
2

@lagentilestore - dawn theme do not have it by default, but if we can increase product limit on collection page, then it can load a lot more products

only drawback is that it is not lazy loading, so if you put too big number then page might load slowly

3

Hello there,
you can follow this article.

Link

4

Hi!

I tried but from point 6. I don’t follow it anymore..
Are you able to assist?

Kind regards,
Els

1 Like
5

Same here. The first part was OK, but the DIV part didn’t deliver information clearly.