【Shopify】ランキングセクション・コレクションから反映

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

メンバーシップでご連絡いただいたレイアウトに合わせてランキングセクションを作成しました。商品はコレクションを選択したら上位３つが表示され、自動的に１〜３の順位が表示されます。

✔️今回のゴール

＝＝＝＝＝＝＝＝＝
パソコン
＝＝＝＝＝＝＝＝＝

＝＝＝＝＝＝＝＝＝
スマホ
＝＝＝＝＝＝＝＝＝

🔶CMSの特徴

セクション追加でランキングを選択

※2023.6.2追記
モバイル版の画像サイズを調整できるようにしました。

・見出し
・説明文
　→管理画面の説明文を表示する場合は「管理画面から」にcheckを入れるとCMSのテキストは反映されません。
・コレクション
　→お好みのコレクション選択。選択したコレクションの商品３つ表示されます。
・カラー
　→ランキングの数字のカラー
・余白
・モバイル画像サイズ

上から３つまでが自動的に反映されます。