カート金額に応じて送料無料ラインまでの残り金額を表示し、プログレスバーで達成度を見せるセクションです。未達成・達成・空カート時のメッセージ、金額表示、バーの形や色、PC/モバイル余白までテーマエディターから調整できます。
見出しテキスト - セクション上部の見出しを設定します。空欄で非表示にできます。
色 - 見出しの文字色を変更します。
サイズ-PC(px) - PC表示時の見出しサイズを調整します。
サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。
送料無料ライン(円) - Shopify管理画面の送料設定に合わせて、送料無料になる金額を入力します。
アイコン(絵文字) - メッセージ先頭に表示する絵文字を設定します。空欄で非表示にできます。
未達成時のメッセージ - 送料無料まで届いていない時の文言を設定します。[amount] が残り金額に置き換わります。
達成時のメッセージ - 送料無料ライン達成時の文言を設定します。
カートが空のときのメッセージ - カートが空の時の文言を設定します。[amount] が目標金額に置き換わります。
メッセージサイズ-PC(px) - PC表示時のメッセージサイズを調整します。
メッセージサイズ-モバイル(px) - モバイル表示時のメッセージサイズを調整します。
現在金額と目標金額を表示する - バー下の現在金額と目標金額の表示を切り替えます。
現在金額のラベル - 現在金額側のラベル文言を変更します。
目標金額のラベル - 送料無料ライン側のラベル文言を変更します。
高さ(px) - プログレスバーの高さを調整します。
角丸(px) - プログレスバーの丸みを調整します。高さの半分以上で丸型になります。
文字色 - 通常テキストの色を変更します。
金額・強調文字色 - 未達成時の金額など強調部分の色を変更します。
達成時の強調文字色 - 達成時の強調色を変更します。
バーの背景色 - プログレスバーの背景色を変更します。
バーの進捗色(未達成) - 未達成時のバー進捗色を変更します。
バーの進捗色(達成) - 達成時のバー進捗色を変更します。
左右 - PC表示時の左右余白を調整します。
上 - PC表示時の上余白を調整します。
下 - PC表示時の下余白を調整します。
左右 - モバイル表示時の左右余白を調整します。
上 - モバイル表示時の上余白を調整します。
下 - モバイル表示時の下余白を調整します。
背景色 - セクション全体の背景色を変更します。
最大幅(px) - 内側コンテンツ幅の上限を設定します。
必要です。このセクションは送料無料ラインまでの進捗を表示します。実際の送料割引はShopify管理画面の配送設定で「一定金額以上で送料無料」を設定してください。
未達成時は送料無料までの残り金額、空カート時は送料無料ラインの金額が入ります。ストアの通貨に合わせて自動で表示されます。
商品ページ、コレクションページ、カートページ、固定ページなどに追加できます。カート金額に連動するため、購入導線の近くに置くと効果的です。
