[Shopify]コピペで簡単！Topに戻るスクロールボタンを設置（Dawn）23/100

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

Topに戻るスクロールボタンのセクションを作りました。今回はスクロールボタンはテキストを挿入するバージョンです。矢印パターンはまた次回ご紹介しようと思っています。

対象テーマ：Dawn

※コードの解説はしておりません。
※コピペですぐに使用できるフルコードをご紹介しています。

✔️今回のゴール

スクロールするとTOPへ戻るボタンが出てきます。

✔️CMSで設定できる機能

◆以下の設定ができます。

❶カラー：ボタン&ボタンテキスト
❷ボタンテキスト：自由に変えられます
❸ボタンの形（計４種）：
　・四角
　・角丸
　・キュート
　・丸
❹フォントサイズ
❺ボタンサイズ

◆4種類のボタン

ボタンの形は4種類

四角

角が少し丸い

キュート
（ころんとしてカワイイ）

丸

✔️設置方法