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アカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023Shopifyの管理画面では、商品ごとや配送元のロケーション(倉庫)ごとにカスタム配送料を設定することができます。特に購入金額による送料無料設定は、顧客の購買意欲を高める効果的な手...
By Alex06 Nov 5, 2023