カートでチェックを入れたら予め設定しているディスカウントコードを適用させることはできます。
運用上の確認もあるので最後にまとめています。
動作はSupplyのテーマで確認しています。
１．カートのタイプを変更
テーマのカスタマイズから、カートのカスタマイズをする
モーダルだと処理を追加できないので「ページ」へ変更
２．cart.liquidを編集
アクションのコードを編集するから cart.liquid を編集する
以下の３つのコードを挿入する
２−１
<form を探してその直後に以下を貼り付ける
<input type='hidden' name='discount' id="discount" value=''>
２−２
<input type="submit" を探してその前に以下を貼り付ける
<input type="checkbox" id="publish"> <label for="publish">ポートフォリオに掲載してもいい</label>
２−３
cart.liquidの一番最後に以下のスクリプトを貼り付ける
<script>
$(function () {
$('#publish').change(function () {
if ($(this).prop("checked")) {
$('#discount').val("XXX");
} else {
$('#discount').val("");
}
});
});
</script>
３．ディスカウントコードの作成
ディスカウントからディスカウントコードを作成する
ここでは適用すると送料が無料になる XXX というコードを作成している
設定はここまでです。
使い方
カートに「ポートフォリオに掲載してもいい」のチェックボックスが表示されるので、チェックを入れてチェックアウトを行う
チェックアウトページのURLには discount=XXX が付与されてる
チェックアウトページでは自動的にXXXが適用され、設定していた送料無料が適用されている
運用上の確認
- 予め作ったディスカウントコードしか利用できない（ディスカウントルールもそれに準ずる）
- 顧客と紐ついた設定ではないのでカートで常にチェックを入れる必要がある
- チェックアウトページまで行かないとディスカウントを確認できない
- 顧客はチェックアウトページでディスカウントコードを外すことが出来る
またこの方法がShopifyで公認されている使い方がどうかはわかりません。
私のオンラインショップでも似たような要望があり実装していますが
顧客がチェックアウト時に外してしまっているのか、まれにディスカウントコードが付いていない場合もあるので、そこが悩みどころです。（テストでは様々なブラウザやデバイスで行っても確実に付与されていたのですが、ログなどが無いので顧客が外してるというのは推測の域を出ていません）
以上、ご参考になれば幸いです
