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

shabozstore
Visitor
2 0 2

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

Replies 9 (9)

KetanKumar
Shopify Partner
36839 3635 11972

@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...

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
shabozstore
Visitor
2 0 2

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
Shopify Partner
36839 3635 11972

@shabozstore 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ninthony
Shopify Partner
2329 350 1023

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

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄
zimblot
Visitor
1 0 0

@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?

 

Screen Shot 2021-09-30 at 1.30.34 PM.png

atielking
New Member
5 0 0

@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&

 

Screen Shot 2022-04-04 at 9.50.29 AM.png

LitExtension
Shopify Partner
4860 1001 1132

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Ninthony
Shopify Partner
2329 350 1023

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

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄

jasondangsb
Shopify Partner
117 0 5

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.