Shopifyでアプリを使わずにカート画面に「あといくらで送料無料」を表示するための実装例です。数量変更や商品削除の際、カート画面をリロードせずに合計金額が更新されるテーマもあるので、Liquidよりもjsで動的に変更するようにしておく方が良いですね。
テーマ「Dawn」を使用。カートの数量変更によるリアルタイム集計にも対応
カート画面に「カスタマイズされたLiquid」セクションを追加しコードを入れる
サンプルコード
動作検証済テーマ：Dawn/Rise 15.2.0
「あと¥◯◯◯◯で送料無料」を表示するコード例
当時のコードはcart.jsonを使う古い形式だったため、cart.jsを使う形に修正しました。（2025/1/8）
