How to add infinite scroll to the new Dawn 2.0? I’ve done my research and almost all tutorials require code added to ‘collection.liquid’ which doesn’t exist in Dawn 2.0 while the rest are incomperhensible for a muggle like me. If anyone has tried and worked please help. Thank you.
Topic summary
• Issue: Implementing infinite scroll on Shopify’s Dawn 2.0 theme for collection pages. Most guides reference a collection.liquid file that doesn’t exist in Dawn 2.0.
• Proposed direction: One reply indicates code should be added in sections/main-collection-product-grid.liquid (the Dawn 2.0 section handling the product grid), rather than collection.liquid.
• Attempted approach: The original poster referenced an external tutorial and asked if the final code snippet from that guide should be placed in main-collection-product-grid.liquid. An image was shared, but no code was confirmed to work.
• Outcome: No working solution was confirmed. A follow-up inquiry asked if infinite scroll was achieved, and the original poster reported they couldn’t resolve it and instead purchased a theme with built-in infinite scroll.
• Status: Unresolved for Dawn 2.0 within the thread. Key open question: the exact, tested implementation steps for infinite scroll in Dawn 2.0 (i.e., correct file(s) and code placement).
Hi @dphii
In Dawn theme need to add code in sections/main-collection-product-grid.liquid file**.**
2 Likes
I followed these steps:
https://shopifydeveloper.com/infinite-scroll-to-my-collection-pages-shopify/
So should I add the last piece of code below to sections/main-collection-product-grid.liquid instead of collection.liquid?
Hi @dphii , Have you tried ? Did you get to have infinite scroll ? Thanks for letting us know
@sunfen No, I couldn’t solve it so I bought a theme that includes infinite scroll and whole other things instead.