Horizonの商品ページに「購入前チェックボックス」ブロックを1つ追加するだけで、利用規約への同意など最大3つの確認項目を表示できる方法です。1つでも未チェックのままだと、カート追加ボタンとShop Pay等の即時購入ボタンをまとめてオーバーレイでブロックします。
追加方法①：コードエディタにブロックを追加
◆Shopify管理画面 → オンラインストア → テーマ →「…」→ コードを編集
◆blocksフォルダに pre-purchase-checkbox.liquid を新規作成し、購入後のコードを貼り付けて保存
追加方法②：テーマエディタでブロックを追加
◆テーマエディタ → 商品ページテンプレート →「商品情報」→「詳細」で「ブロックを追加」→「購入前チェックボックス」を選択
設定できる項目
◆チェック項目1〜3：入力した項目の数だけチェックボックスが表示されます。空欄の項目は表示されません
◆未チェック時に表示するメッセージ：オーバーレイ内に表示する文言（改行は<br>で指定可）
仕組みについて
チェックボックスが1つでも未チェックの間は、カート追加ボタン・即時購入ボタンをまとめて包む要素にオーバーレイを重ねてクリックを無効化しています。ボタンを個別にdisabled制御するのではなく、ボタン群全体を覆う方式のため、Shopifyネイティブの決済ボタン（Shop Pay等）も含めてまとめてブロックできます。
Dawn版はこちら → 【Dawn】Shopifyのテーマ「Dawn」の商品詳細画面でチェックボックスを表示し、全てチェックされた時に購入ボタンを有効にする方法
