コレクションページに表示される商品の数を変更する

テーマエディターでテーマ設定を変更するか、テーマのコードを編集して、コレクションページに表示される商品数を変更できます。Shopifyの1ページあたりの商品上限数である50個を超えない限り、希望する数の商品を表示できます。

テーマ設定を確認する

  1. テーマコードを変更するには、テーマエディターに移動します。

  2. ページ上部のドロップダウンメニュー、またはモバイルの [テンプレート] メニューから、[コレクションページ] を選択します。

  3. [コレクションページ] または [コレクション] をクリックします。

  4. テーマに、コレクションページで表示される商品数を変更できる設定がある場合、ニーズに合わせて設定を調整します。

  5. [保存] をクリックします。

テーマに、ページごとに表示される商品数を変更する設定がない場合、または設定はあるものの変更する際の制限が多すぎる場合は、次の手順に従ってテーマのコードを編集します。

collection-template.liquidファイルを更新する

  1. セクションディレクトリで、[collection-template.liquid] をクリックします。

  2. コードエディターで、次のコードを探します

 {% 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](https://shopify.dev/themes/architecture/templates/collection) 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](https://www.shopify.com/admin/themes/current/editor).
  1. [保存] をクリックします。

collection.liquidファイルを更新する

  1. テンプレートディレクトリーで、collection.liquidをクリックします。

  2. コードエディターで、次のコードを探します

 {% 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](https://shopify.dev/api/liquid/tags/theme-tags#paginate) 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](https://www.shopify.com/admin/themes/current/editor).
  1. [保存] をクリックします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す