カスタマイズサンプル ランキングカルーセル

ランキングバッチ付きの商品カルーセルのサンプルです。

通常の「商品カルーセル」のセクションとは異なり、独立して各要素の非表示・表示の切り替えが行なえます。

ご注意:表示の順位・順序はストアの側の設定(コレクション)の編集画面で行います。

ランキングセクションの実装について

上記のセクション表示のように、商品カードに①②③、、などのランキングバッチが付属した商品表示セクションを実装します。ブロックを追加し、表示したいコレクションを選択してください。

ランキングセクションコレクション選択

ご注意

セクションそのものにはコレクション内の商品を売上の並び順に整理する機能はありません。あくまで順番に合わせたバッジを表示するものとなります。
下記のようにShopifyのコレクションの画面で商品の並び順を整理してください。
*例:「並び替え:ベストセラー」・「手動」

コレクション商品並び替え
>