カート画面に「あと◯◯◯円で送料無料になります」を表示する設定例です。テーマ本体のファイルを変更せず、カスタムLiquidセクションへのコード貼り付けだけで実装できます。HorizonテーマのSection Hydration(cart:updateイベント)に対応しており、商品の追加・削除後もページ再読み込みなしで即座に金額が更新されます。
完成イメージ
チェックアウトボタンの上に残り金額が表示されます。送料無料に達すると「送料無料になりました!」に切り替わります。

設定手順
テーマエディタのカートテンプレートに「カスタムLiquid」ブロックを追加し、サンプルコードを貼り付けます。設定値(金額・リンク先)は2か所のみです。

設定値
-
FREE_SHIPPING_THRESHOLD— 送料無料になる金額(円)。デフォルトは15000 -
LINK_URL— 「他の商品も見てみる」のリンク先URL。不要な場合は''(空文字)にします
補足
- ブラウザの「戻る/進む」(bfcache)から復帰した際も正しく再表示されます
- バーは
.cart__ctas(チェックアウトボタンのラッパー)の直前に挿入されます。テーマのアップデートでクラス名が変わった場合は修正が必要です
