How to add infinite scroll to Symmetry theme product collection pages?

I want to put an infinite scroll on my Symmetry theme for my product collection pages. Any tips on how to do that?

1 Like

@chaletboutique

yes, please try this code

https://gist.github.com/davecap/1187078/ebae13b05f80fabfd03fffa54bf79c264230120f

Hi @chaletboutique ,

Please refer to the following link, it will help you to add this. Refer link

Hope it helps!

My Theme doesn’t have {% for product in collection.products %}. It is step 2:

In the online code editor of collection page find to the loop {% for product in collection.products %} and add more a DIV tag to wrapper and add more a DIV tag just below it.

It doesn’t have instructions on what to do with the code. Do I replace the whole collections.liquid with the collections.liquid code you have sent through on that website?

Hi @chaletboutique ,

Please go to main-collection.liquid file, find ‘pagination’ and add code here:

It doesn’t work on symmetry theme.

That doesn’t work. This is what it does to the bottom of the collections page when you enter in that script.

Starting to think that there isn’t a resolution to this issue.

Any luck with this? I would love to see this, too! Or a View More button at the bottom that would load more items without having to page through