購入制限セクション — 売れない組み合わせ・数量をカートが自動で見張り、出荷トラブルと利益崩れを防ぐ

🛒 受けてはいけない注文を、カートの段階で止める

冷凍商品と常温商品が同じカートに入ってしまった。サンプル品が一度に5個もカートに入っている。業務用の商品が最小ロットに満たない数量で注文された。ケース単位でしか出荷できない商品が、半端な個数でチェックアウトされた——こうした「受けたあとに気づく注文」は、再梱包・分割発送・キャンセル連絡といった見えないコストを生み、利益とお客様の信頼を静かに削っていきます。

このセクションは、カートの中身が変わるたびに購入条件を自動でチェックし、ルールに反する組み合わせや数量を検知したら、その変更を直前の正常な状態へ自動で戻したうえで、画面中央のポップアップで理由を案内します。お客様は購入手続きに進む前に「なぜ今のままでは注文できないのか」を理解でき、ストア側は本来受けられない注文を入口でブロックできます。フルフィルメントの現場で起きるトラブルを、注文が成立する前に防ぐ仕組みです。

🛠️ 主な機能・特徴

🧱 7種類のルールをブロックで自由に組み合わせ

購入制限のパターンはストアごとに千差万別です。本セクションはルールを「ブロック」として追加していく方式なので、必要な制限だけを必要な数だけ積み上げられます（1セクションあたり最大50ルール）。ブロックの並び順がそのまま判定の優先順位になります。

• 商品同士の同時購入制限：商品Aと商品Bを同じカートに入れさせない（例：通常配送品とメーカー直送品、通常品と予約品）。バリエーション違いを同一商品として扱うかも選択可能
• コレクション同士の同時購入制限：コレクションAとBの商品を同時購入させない（例：冷凍と常温、予約と通常）。同一コレクション内での複数商品購入を制限するモードも搭載
• 商品ごとの数量制限：特定商品の最小・最大購入数を設定（例：サンプルは最大1点、業務用は最低6点）。バリエーション違いを合算して判定するかも選択可能
• カート全体の数量制限：1注文あたりの最小・最大点数を設定（例：最低3点から、最大20点まで）。ギフトカードを数量計算から除外する設定付き
• タグ同士の同時購入制限：商品タグの組み合わせで制限（例：「冷凍」タグと「常温」タグ）。完全一致／部分一致を選択可能で、商品を個別指定せずまとめて制御
• グループ数量制限：コレクションまたはタグ単位で合計数量の最小・最大を設定（例：セール対象は合計3点まで、ノベルティ対象は2点以上）
• 購入単位・倍数制限：商品・コレクション・タグ単位で「◯個単位」を強制（例：卸売は6個単位、ケース販売は12個単位）

♻️ 違反したカート変更を自動で元に戻す「巻き戻し」方式

購入ボタンを無効化する方式はテーマごとにボタンの構造が異なり、設定が難しくなりがちです。本セクションは購入ボタンのコードをいじらせる代わりに、ページ読み込み時点の正常なカートを記憶しておき、ルール違反となるカート変更が起きた瞬間に直前の正常状態へ数量を戻してリロードする方式を採用しています。

• 新しく追加された違反商品は数量を0に、上限を超えた商品は正常数量まで自動で巻き戻し
• 巻き戻し後はリロードしてテーマ標準のカート表示と完全に同期。表示と実データのズレが起きない
• 復元した理由のメッセージはリロードをまたいで保持し、再表示後にポップアップで案内
• カート全体の「最小数量を下回った」ケースは、商品削除や数量減少を妨げないよう自動復元せず警告のみ表示
• 商品削除で数量が0になった操作は「正常な削除」として許可し、数量だけが最小を割った場合のみ違反として扱う賢い差分判定

👀 全ページでカートを監視する常駐型セクション

• ヘッダーグループまたはフッターグループに追加するだけで、商品ページ・コレクション・カートページなど全ページでカート変更を監視
• カートへの追加・数量変更・削除をフックして自動で再チェック（カートドロワーでの追加直後にも反応）
• 通常時は画面に一切表示されず、レイアウトを邪魔しない。違反が起きた時だけポップアップが現れる
• ブラウザバックで戻った時にも再チェックして整合性を維持

💬 状況に合わせて出し分けるメッセージ

• 「同時購入」「最小数量」「最大数量」「購入単位」「復元完了」それぞれに共通メッセージを用意
• ルールごとに個別メッセージを上書き可能（空欄なら共通メッセージを自動使用）
• 商品名・数量・上限・購入単位などを [product] [quantity] [max] といったプレースホルダで文中に差し込み
• ルール単位で「警告のみ」か「カートを元に戻してリロード」かを選択でき、セクション全体の設定を継承させることも可能

🎨 警告ポップアップの見た目を細部まで調整（19の設定項目）

• メッセージの背景色・文字色・枠線色を個別に指定
• 角丸（0〜32px）・内側余白（12〜40px）・複数警告同士の間隔（4〜24px）
• 注意アイコンの表示／非表示を切り替え
• PC/モバイルレスポンシブ対応（ブレイクポイント750px）。スマホでは読みやすい位置にポップアップを最適化
• 検証用のデバッグ表示モードを搭載し、どのルールがどう判定されたかを開発時に確認可能

💰 料金の考え方 — アプリと比べてください

制作を請け負う方へ: 7種類のルール判定とカート監視をゼロから実装すると8〜15時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。

⚠️ ご利用にあたって

本セクションはテーマのフロントエンド上で動作し、「カート内容の自動復元」と「購入前の注意喚起」によって、本来受けられない注文を入口で抑止します。動的チェックアウトボタン（Shop Pay・Apple Payなど）や、商品ページから直接決済へ進む一部の外部導線まではテーマセクションだけで完全に保証するものではありません。数量上限などを厳密に守らせたい場合は、テーマ設定で動的チェックアウトボタンを無効化したうえでご利用ください。チェックアウトを確実に止める厳格な検証が必要な場合は、Shopify Functionsを用いたアプリ領域での実装が必要になります。

🔧 開発・検証について

Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。
月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。

• Shopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます
• 開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください
• 設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内
• 導入でつまずいた場合は無料サポートで解決まで対応