Change the Number of Products in the Collection Page- Shopify Tutorial – EcomExperts

Change the Number of Products in the Collection Page- Shopify Tutorial

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.

Change the Number of Products in Shopify collection page

Here’s how to change the number of products in your Shopify collection page

Check your theme settings

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:

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.

Click Save.

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.

Update the collection.liquid file

From your Shopify admin, go to Online Store > Themes.

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

In the Templates directory, click collection.liquid.

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 from 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 the 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.

Click Save.

Leave a comment

About Andrew Durot

He is the co-founder of Ecom Experts, a Shopify focused development agency. 

Ecom Experts and Andrew's team have been focused on speed optimization - increasing the speed of over 300 stores in last year alone.

Speed Optimization is a repetitive & time-consuming task that most veteran Shopify experts try to avoid.

Andrew and his team has taken it upon themselves to maser the subject and become the largest speed optimization team on he Shopify platform even building out the only Shopify specific speedchecker tool!

Check Your Speed

Guides

Leave a comment