Liquid、JavaScriptなどに関する質問
現在トップページにコレクションの自動ソート機能でランキングを作り、TOP4位まで表示させ
残りはall viewをクリックするとランキングページ(コレクションページ)に遷移し、ベストセラーの順番で商品が一覧表示されるようになっています。
しかし、ランキングページではすべての商品が表示されてしまうため、
ランキングのコレクションのみ上位20位までに制限したいです。
shopify公式にある以下のコードは試しましたが、Online Store 2.0のテーマには対応していないとのことだったので、theme2.0での方法が知れたと思います。
{% paginate collection.products by 9 %}
現在使用しているテーマ:symmetry(theme 2.0)
ご教授いただけたら幸いです。
よろしくお願いいたします。
質問でいただいておりました以下のような形ですと、「コレクション1ページあたりに9商品を表示する」ことになるため、2ページ目、3ページ目と遷移するにつれ20商品を超えてしまいます。
{% paginate collection.products by 9 %}
一例ですが、以下の形で実装されると良いかと思います。
{% if collection.handle == 'ranking' %} <!- ランキングページの時(''の間にはページのハンドルを入力してください) -->
{%- for product in collection.products limit:20 -%} <!- 1ページあたり20商品まで表示するループ処理-->
商品一覧表示のループ処理
{%- endfor -%}
{% else %} <!- ランキングページ以外の時 -->
{%- for product in collection.products -%} <!- デフォルトのループ処理 -->
商品一覧表示のループ処理
{%- endfor -%}
{% endif %}
~~~~~~~~~~~~省略~~~~~~~~~~~~~~
{% unless collection.handle == 'ranking' %} <!- ランキングページ以外の時(次のページに切り替わることで20商品目以降が表示されないために) -->
ページネーション(ページの切り替え)のコード
{% endunless %}
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024