How can I display unlimited products on one page while scrolling?

Hey!

Currently I can only show 48 products at the same page, then customers need to press the arrow so they get to page 2 out of e.g 6. See print screen. Is there any way I can have an unlimited amount of products on the same page when customers are scrolling down, I don’t like that customers needs to enter a new page in order to see more products.

I have the prestige theme.

URL: https://www.artwo.se/collections/posters

1 Like

@filip12

sorry for that issue do you have like this? please try

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

2 Likes

Thanks a lot for this, its exactly what I’m looking for.

I added this part “{% if template contains ‘collection’ %}{{ ‘https://cdn.shopify.com/s/files/1/0382/4185/files/ajaxinate.js?937’ | script_tag }}{% endif %}”

However, not sure how I should do with the next step, do you have any idea?

@KetanKumar :slightly_smiling_face:

1 Like

@filip12

yes just flow above guide that’s it work all theme

@KetanKumar thanks! I’m struggling where to add step 6 and 7, would be amazing if you could guide me a bit further? As nothing happens after I’ve completed the first four steps, i.e. adding this

{% if template contains ‘collection’ %}{{ ‘https://cdn.shopify.com/s/files/1/0382/4185/files/ajaxinate.js?937’ | script_tag }}{% endif %}

1 Like

@filip12

oh sorry for that issue can you please let me still issue?

this worked for my theme perfectly! (Publisher shopify theme). thank you!