ecforceのカート画面で「あと●●円で送料無料」の表記をしたい（備忘録）

今回はフォームからお問い合わせがありましたので、需要がありそうということで、ecforceのカートページであと●●円で送料無料を表記する手順についてご紹介していきます。

キャプチャなどをつけたかったのですが、現在はecforce業務に携わっていないため、ありません。ご了承ください。

実装手順

まずは下記公式の手順に沿って「送料無料条件の金額」を設定します。例えばここでは送料無料条件の金額を10,000円と設定したとします。

続いてカート画面のliquidファイル（ec_force/shop/carts/show.html.liquid）を開きます。場所は下記公式サイトに記載していますので、参考にしてみてください。

表示したい箇所に下記コードを入れると完成です。

{% assign deliver_free = 10000 %}
{% if order.subtotal < deliver_free %}
<p>あと {{ deliver_free | minus: order.subtotal }}円で送料無料です </p>
{% else %}
<p>この注文は送料無料になりました</p>
{% endif %}

assignで送料無料条件の金額（deliver_free）を10000に設定し、カートの合計金額（order.subtotal）が送料無料条件の金額（deliver_free）より小さい場合に、これら2つの差を計算して、「あと●●円で送料無料です」と表示される仕組みです。
この条件に当てはまらない場合は、「この注文は送料無料となりました」と表示されるようになっています。

以上が手順になります。今回は短いですが、これで終わりになります。