I would like to add infinite scroll to my website collection pages instead of pagination, which is what the Brooklyn theme has.
I can’t seem to find the solution anywhere. Can anyone help me? I would really appreciate it!!
Found the solution!
-
Go to: Sections > collection-template.liquid
-
Search for: {% paginate collection.products by 12 %}
-
Change the 12 to a large number like 500. So technically instead of having 12 items per page, you now have 500 products per page, therefore giving the infinite scrolling effect.
Hope this helps others who are looking for a solution to the infinite scroll on the Brooklyn theme.
2 Likes
Infinite scroll can be done with this search + filter app https://apps.shopify.com/ultimate-search-and-filter-1. You will then need to go to Advanced settings in the app and change the pagination type to Infinite scroll.