Showing more products on collection pages

The steps for this tutorial differ depending on whether you are using a sectioned or a non-sectioned theme. To figure out whether your theme supports sections, go to the theme's Edit HTML/CSS page. If there are files in the Sections directory, you are using a sectioned theme. Non-sectioned themes were released before October 2016, and do not have files in the Sections directory.

If you are using a sectioned theme, then click the Sectioned themes button and follow the instructions. If you are using non-sectioned theme, then click the Non-sectioned themes button and follow the instructions.

Update the collections.template.liquid file

  1. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  2. In the Sections folder, open the collections.template.liquid file.

  3. In the online code editor, find this code:

    
     {% paginate collection.products by 9 %}
    
    

    In the above example, the number is 9 but in your theme, that number could be 6 or 12, or anything else that is smaller or equal to 50. This number corresponds to the number of products showcased per page.

    Edit that number to increase or decrease the number of products shown per page. Do not ever paginate by more than 50.

  4. Click Save.

Update the collection.liquid file

  1. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  2. In the Templates folder, open the collection.liquid file.

  3. In the online code editor, find this code:

    
     {% paginate collection.products by 9 %}
    
    

    In the above example, the number is 9 but in your theme, that number could be 6 or 12, or anything else that is smaller or equal to 50. This number corresponds to the number of products showcased per page.

    Edit that number to increase or decrease the number of products shown per page. Do not ever paginate by more than 50.

  4. Click Save.

Want to discuss this page?

Visit the Shopify Community