Change the number of products shown on collection pages

You can change the number of products that are shown on your collection pages, either by making changes to your theme settings in the theme editor, or by editing your theme's code. You can show any number of products you like, as long as you don't exceed Shopify's limit of 50 products per page.

Check your theme settings

  1. Before making changes to your theme code, go to the theme editor and navigate to any collection page in the theme preview. Click the Collection pages tab in the theme editor, and you will see the available settings for your theme:

Collection pages tab in the storefront editor

  1. If your theme has settings available to change the number of products that display on collection pages, then adjust the settings to fit your needs.

  2. Click Save.

  3. If your theme doesn't have settings to change the number of products that display per page, or if the settings exist but are too limited for the changes that you want to make, then follow the next steps to edit your theme's code.

Sectioned and non-sectioned themes

Update the collection-template.liquid file

  1. Find the theme you want to edit, and then click Actions > Edit code.

  2. In the Sections directory, click collection-template.liquid.

  3. In the code editor, find the following code:

     {% paginate collection.products by 9 %}

    In the above example, the default number of products per page is 9. This number varies theme to theme. You will need to change this number to the number of products that you'd like to show on your collection pages. Use any number you like, as long as it is not more than 50.

    Some themes use a variable called limit instead of a number to determine how many products will be shown per page. If your theme uses a limit variable, the code will look like this:

     {% paginate collection.products by limit %}

    If your theme uses a limit variable, you will need to replace limit with a number. As above, this is the number of products that will show on each collection page, and the number must not be more than 50. Note that replacing the limit variable with a number will remove the ability to make changes to the collection pages pagination settings in the theme editor. We recommend that you not edit your theme code unless you are unable to achieve the desired number of products per page in the theme editor.

  4. Click Save.

Update the collection.liquid file

  1. Find the theme you want to edit, and then click Actions > Edit code.

  2. In the Templates directory, click collection.liquid.

  3. In the code editor, find the following code:

     {% paginate collection.products by 9 %}

    In the above example, the default number of products per page is 9. This number varies theme to theme. You will need to change this number to the number of products that you'd like to show on your collection pages. Use any number you like, as long as it is not more than 50.

    Some themes use a variable called limit instead of a number to determine how many products will be shown per page. If your theme uses a limit variable, the code will look like this:

     {% paginate collection.products by limit %}

    If your theme uses a limit variable, you will need to replace limit with a number. As above, this is the number of products that will show on each collection page, and the number must not be more than 50. Note that replacing the limit variable with a number will remove the ability to make changes to the collection pages pagination settings from the theme editor. We recommend that you not edit your theme code unless you are unable to achieve the desired number of products per page from the theme editor.

  4. Click Save.

Ready to start selling with Shopify?

Try it free