How to show more than 50 products on Shopify collection pages
Shopify limits the number of products that can be output per page to 50. For this reason, collections with more than 50 products, must use the paginate tag to split the collection into multiple pages. So how to display more than 50 products ?
No worries, I’m going to tell you exactly how to set this up so that you can display more than 50 products.
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, and then click Actions > Edit code.
- In the Sections directory, click collection-template.liquid for Sectioned themes. Or in the Templates directory, click collection.liquid for Non-sectioned themes
- In the code editor, find the following code:1{% paginate collection.products by
You need to change the value after by word to the number of products that you’d like to show on your collection pages. Actually, you can get up to 1000 in a collection.
1{% paginate collection.products by 1000 %} - Click Save.
You also can use this way to show more than 50 articles on blog pages.
This way maybe make the page slow to loading. Because the browser need to more than 50 products with multiple images at same time. So you can use infinite scroll to show all products in a page but keep the page loading speed.
I came across your comments on the Shopify Community page about implementing this on Motion theme.
Would you mind sharing the code snippet used for the infinity collection page scroll for Motion? I am trying to implement the same thing.
Here is the URL from the community page.
https://community.shopify.com/c/Shopify-Design/Infinite-Scroll-Motion-Theme/m-p/1204497#M310635
Thanks a lot great article and helphul for my site