コレクションページの商品表示数を変更したい

日本語 ディスカッション 技術的なQ＆A
1

現在トップページにコレクションの自動ソート機能でランキングを作り、TOP4位まで表示させ

残りはall viewをクリックするとランキングページ（コレクションページ）に遷移し、ベストセラーの順番で商品が一覧表示されるようになっています。

しかし、ランキングページではすべての商品が表示されてしまうため、

ランキングのコレクションのみ上位20位までに制限したいです。

shopify公式にある以下のコードは試しましたが、Online Store 2.0のテーマには対応していないとのことだったので、theme2.0での方法が知れたと思います。

 {% paginate collection.products by 9 %}

現在使用しているテーマ：symmetry（theme 2.0）

ご教授いただけたら幸いです。

よろしくお願いいたします。

2

質問でいただいておりました以下のような形ですと、「コレクション1ページあたりに9商品を表示する」ことになるため、2ページ目、3ページ目と遷移するにつれ20商品を超えてしまいます。

{% paginate collection.products by 9 %}

一例ですが、以下の形で実装されると良いかと思います。

{% if collection.handle == 'ranking' %} 
  {%- for product in collection.products limit:20 -%}　
　　   商品一覧表示のループ処理
  {%- endfor -%}
{% else %} 
  {%- for product in collection.products -%}　
　　   商品一覧表示のループ処理
  {%- endfor -%}
{% endif %}

~~~~~~~~~~~~省略~~~~~~~~~~~~~~

{% unless collection.handle == 'ranking' %} 
  ページネーション(ページの切り替え)のコード
{% endunless %}