Number of products pagination in Pitch theme…

[Balfran]

I love the Pitch theme, but on collection pages it seems to list products forever, and I want pagination to limit the products to 20. I have tried all of the things I could find here and elsewhere but they seem to apply to older themes. Anybody know how to accomplish this?

Thank you so much!

[Shadab_dev]

This is because the lazy load endless loop is a thing now and is a modern trend you will find in almost every atleast 7 out of 10.

But i believe this is a setting you can change from the customizer itself. Atleast this is how it is in previous free themes of shopify like dawn, trade, etc. So in the collection grid block there should be a setting by the name products to show.

[Balfran]

Yeah, I hate Lazy Load. I started using that on some Wordpress sites 20 years ago then stopped when I realized the SEO and user experience disadvantages. I definitely want it turned OFF on Shopify sites, but I don’t see any option in theme settings for this at least in the Pitch theme. Is there a setting which would seem like the right way to do it, or do I have to change code? If so, what’s the best practice to change it and in what file? Thank you…

[Shadab_dev]

Pitch i believe is a new free theme by Shopify and assuming they atleast follow the same name convention for files you would want to to look at main-collection.liquid or main-collection-grid.liquid.

There will be a for loop you can change the part of the code after paginate by and add 20.

But you can find this on the customizer itself on the collection template, the block name will be collection grid. 

I haven't downloaded the pitch theme yet and I am just assuming they follow previous themes at least when it comes to structure. If you don't find this I can look this up and update it to you by tomorrow or tue

[Balfran]

This option is not available in the customizer. The loop already has 24 listed for what looks like pagination but it is still infinitely lazy loading - there is no option to turn that off either.

[Shadab_dev]

Yes, I did try it but with no success. The code base has changed drastically from what it is on the previous Shopify themes. 

One thing which I am not sure of but feels like a bug is even if there is a paginate by option in for loop it does not really show page numbers down below to navigate. 

And also the images I checked are not loading lazily, the images don't have that they are actually eager loaded but i believe there is a scroll observer transition effect that loads images as we scroll down and they are on the viewport which gives it a lazy loading type of effect and I am unable to find that specific function doing it.

[millie4301]

I'm having the same issue. I want to turn off infinite scrolling / lazy load and have numbered pagination pages instead. Would love a solution to this.

[Balfran]

Any ideas community?