[Shopify]コレクション内の商品表示数を任意の数に変更、増やす方法

[Shopify]コレクション内の商品表示数を任意の数に変更、増やす方法

This time we will show you how to change the number of products in a collection to any number you wish. You can display any number of products in a collection (URL: /collections/00).

By default, only about 20 products are displayed on the collections page. We often hear such requests. So, while the actual method of changing the number of items displayed varies from theme to theme, we will try to summarize the general method.

Changing from the Customize page

The first method is to change the number of products in the collection from the Customize page. It varies from theme to theme, but basically this should work here.

First, go to

Admin → Online Store → Customize

Go to

Shopify カスタマイズ コレクション

After pressing Customize, go to the "Collections" -> "Default Collections" screen at the top.

Shopify 表示数 コレクション

Then on the left side you will see the collection page with the

  • Number of rows
  • Number of products per line

You will see an item to set the (The way it is displayed may vary slightly from theme to theme.)

In this case

Number of rows (8 rows) x Number of products per row (5 products) = Number of products displayed in the collection (40 products)

Therefore, a maximum of 40 products can be displayed. If you have now reached the ideal number of products in your collection, you are done.

However, if any of the following apply to you, you will need to edit the code itself.

  • You want to display more products
  • The number of products displayed could not be changed on the theme.

Set the number of products displayed in the collection on the code

The next method that can be addressed is to change the number of products displayed in the collection on the code.

If possible, we would like to use a theme kit or something similar to update the code locally, but if this is not possible, we can use the following method.

Admin → Online Store → Actions → Edit Code

Select the "I" or "-" option.

Shopify コレクション コード編集 表示数 変更

In the file, select either of the following files

  • section/collection-template.liquid
  • templates/collection.liquid

will be the target of this edit.

By the way, the code part to be edited is

{% paginate collection.products by limit %}

The name of the site will be If you change the "limit" to any number you like, that number will be the number of products displayed in the collection.

For example, "I want to display 100 products in one page of the collection! then you would use

{% paginate collection.products by 100 %}

This will enable the display of 100 products.

The "Debut" theme I used this time uses "limit" as the number of {% paginate %}, but other themes may have a different variable. Just put the number in {% paginate %} and it should work properly.

How to change or increase the number of products displayed in a [Shopify] collection to a desired number.

This is how to freely change the number of products displayed in a collection page. If you have a large number of products in your Shopify store, and the number of products displayed per page in a collection is small, you will have to repeatedly go back and forth between pages, making it very difficult to find the products you are looking for.

Therefore, the more products a store has, the more it may need to be adjusted. I hope this was helpful!

Well then, thank you for reading to the end! Have a great day!

Contact form

新規ストア構築、開発などのお仕事の依頼・無料相談はこちら