商品情報にスキップ
1 1
公開日:2023.01.23

Shopifyでコレクションをランキング形式で表示したい場合の実装例

Shopifyでコレクションをランキング形式で表示したい場合の実装例

用途

  • コレクション編集

実装方法

  • LIQUID
詳細を表示する

Shopifyでコレクションをランキング形式で表示しようとした場合の実装例ですがページネーションに気をつけたいところです。「paginate.current_offset」を使うことによって1ページあたりの表示件数が変わっても、2ページ目以降のランキング順位を正しく表示できます。


【Dawn 7.0.1】main-collection-product-grid.liquidのschemaにランキング表示・非表示設定項目を追加

【Dawn 7.0.1】main-collection-product-grid.liquidとcard-product.liquidを修正

【Dawn 7.0.1】全てのコレクションに反映されてしまわないようランキング用にテンプレートを複製

ランキングを表示するコレクションのテーマテンプレートを「ranking」に設定

関連ポスト