[Shopify]手順が一目でわかるステップセクションを設置（Dawn）71/100

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

今日はステップで手順を見せたい時に使えるセクションを作ってみます。

手順がわかりやすければ問い合わせも減りオペレーション工数が減らせる♪

対象テーマ：Dawn

✔️今回のゴール

◆PC

◆SP

縦線は一番最後のステップ見出しまで表示。

◆CMSの特徴

カラー：見出し/ステップアイコン背景&テキスト
→共通
ブロック内：
・見出し
・画像
・テキスト

✔️設置手順

Step1 セクションを新規作成

管理画面＞テーマ＞コード編集＞セクション＞新規セクション追加

ファイル名は何でもOK
→section-stepにしてみました。

【ご注意】
※返金&サポートはしておりません。
※最新のDawnテーマ対象です。
※コードのみのご紹介で解説などはしておりません。
※2022.12.30時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。