How to show more than 50 products on Shopify collection pages

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy the first month of Shopify for $1.

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:

    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.

  • 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.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

2 Responses

  1. Reid Withrow says:

    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.

  2. Estevan says:

    Thanks a lot great article and helphul for my site

Leave a Reply

Your email address will not be published. Required fields are marked *