i am trying to find a way to do infinite scroll in impulse theme

[shabozstore]

i am using impulse theme for my store and there is no way for me to enable infinite scrolling on my collection pages. is there anybody that can tell (show) me how to do it? I need this feature badly for my store. Thank you

store link
https://www.shaboz.com

[KetanKumar]

@shabozstore 

sorry for that issue can you please try this code

https://www.huratips.com/tech-tips/how-to-add-infinite-scroll-pagination-to-shopify-collection-pages...

[shabozstore]

i went on that page and completed the first step with no issue but step 6 is confusing on what page i should be to inject the <div tag and the javascript code...im lost at that point

what section of the editor should i be in to complete the last 2 steps?

thank you

[KetanKumar]

@shabozstore 

yes please check your collection page code and modification as per your guide 

[Ninthony]

It's going to be collection-template.liquid, then ctrl + f and search for "{% for collection" and you'll probably find it.

[zimblot]

@Ninthony @KetanKumar Thanks for sharing these resources. I found that on impulse the line you have to search for has slightly different syntax, its "{%- for product in collection.products -%}" (extra hyphen :/)

I've added the code in but it's creating this effect on my collections where it just repeats the same 10 products on page 1 of that collection an infinite amount of times. So you can keep scrolling and the same 10 products just keep repeating as I scroll down the page. it also says "loading more" a number of times before repeating the same 10 products (screenshot attached)

Do you know how I might be able to fix this or what I may have done wrong from the article?

[atielking]

@KetanKumar @Ninthony Hello! We are noticing that infinite scroll breaks after we select a product tag. We are stuck with the "loading more" text, and no more product loads. How can we trigger re-pagination and get infinite scroll to work when a product tag has been selected?

You can reproduce on our shop by clicking and then removing the "green" tag:

https://ministryofscent.com/collections/d-s-durga-1?sort_by=created-ascending&

 

[LitExtension]

I checked and impulse theme doesn't support this. You need to edit the code for it.
You can follow the instructions: https://www.huratips.com/tech-tips/how-to-add-infinite-scroll-pagination-to-shopify-collection-pages...
Hope it helps!

[Ninthony]

@KetanKumar literally just posted the same link above...

[jasondangsb]

This app https://apps.shopify.com/ultimate-search-and-filter-1 helps you add Infinite scroll to your collection pages. After installing the app, go to app's Advanced settings => Pagination and change it to Infinite scroll.