How can I implement infinite scroll in the Dawn theme product grid?

vrunda_chavda
New Member
5 0 0

Can anyone help provide infinite scroll for the product grid in Dawn theme? I am struggling to find the right way of implementing it. I have tried below solution as well but it works fine only if i have just the product grid in my page:
https://community.shopify.com/c/shopify-design/infinite-scroll-or-endless-scroll-in-dawn-2-0-on-coll...
I doesn't work well if i have a collection-list above product grid in a page. Also, it shows the pagination counters & loading message at end. Any help would be appreciated!

Replies 3 (3)

Savior-Info
Shopify Partner
37 2 1

Hello @vrunda_chavda 

 

Thanks for connecting with Shopify community. 

 

Can you please share the page url where you trying to add the code. 

 

Thanks

banned
vrunda_chavda
New Member
5 0 0

Hi @Savior-Info ,
Sorry for the delayed reply.

I am have tried adding existing solution to below URL where it was doing infinite pagination correctly. I just had to hide the bottom counter & loading text manually from css.
https://roopshangaar.com/collections/indowestern

But doing so, It was creating issue in below URL, It was loading only first page. In this page, I have a `collection list` above `Product grid`. Thats the only difference in both the pages.
https://roopshangaar.com/collections/jewellery-sets

Thanks!

Savior-Info
Shopify Partner
37 2 1

@vrunda_chavda 

 

Hello

I have understood your query but the code needs to be altered and some of the part needs to be custom coded using liquid and JS. 

I recommend contacting a developer to help you.

 

Thanks

 

 

banned