【Shopify】カートで利用規約への同意の「チェックボックス」をつける時にボタンがうまく動作しない時の対処法!

「Prestige」のテーマを利用して、こちらの記事を参考に設定を行ったところ、ページをリロードした際だけチェックを入れなくても購入ボタンが押せてしまうという不具合がありました。

https://rewired.cloud/how-to-set-terms-of-service-checkbox-on-shopify-cart/

今回はその対処方法をまとめます。

目次

対処方法

方法はシンプルです。
ボタンに対して、「disabled」が割り当てられている時にクリックができない仕様へと「JavaScript」でなっているので、最初から「disabled」を付与します。以下のようなコードです。

<button type="submit" name="checkout" id="checkout_btn" class="Cart__Checkout Button Button--primary Button--full" disabled>{{ 'cart.general.checkout' | t }}</button>

これでリロードをしても問題なく動作するようになりました!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次