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
sorry for that issue can you please try this code
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
yes please check your collection page code and modification as per your guide
It’s going to be collection-template.liquid, then ctrl + f and search for “{% for collection” and you’ll probably find it.
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.html
Hope it helps!
@KetanKumar literally just posted the same link above…
@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?
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.
@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&
