常温、冷蔵、冷凍の商品の同時購入をブロックしたい

Topic summary

ユーザーがFocalテーマを使用しており、常温・冷蔵・冷凍の商品が同時にカートに入らないようにしたいと質問しています。

希望する機能:

  • 異なる温度帯の商品タグが2種類以上混在する場合、チェックアウトボタンを非表示にする
  • 顧客が手動でカート内の商品を削除すると、自動でリロード&チェックアウトボタンを再表示

JavaScriptコードでの実装方法を探していますが、他サイトの事例がテーマと異なり、どのJSファイル(custom.js、flickity.js等)にコードを入れるべきか分からず困っています。

提案された解決策:
株式会社Tsunの吉谷氏が、コード編集ではなくShopifyアプリ「RuffRuff 予約販売」の「同時注文の制限」機能を使った代替案を提示。温度帯ごとに予約販売ルールを作成し、同じルールの商品のみ許可する設定で実現可能とのこと。

質問者は回答に感謝を示していますが、コード編集での解決方法はまだ提供されていません。

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

使用しているテーマは、focalです。入ってるアセットはcustom.js、flickity.js、photoswipe.js、theme.js、vender.js です。どこかのjsに何かのコードを入れたら良さそうな、別サイトで記事を見たのですがテーマの事例が異なっており、どこに入れるのかわからずうまくいきませんでした。

ご教示いただけたら幸いです。

1)混在した商品タグ(常温・冷蔵・冷凍)がカートに入った際に、チェックアウトボタンは表示させない(購入できないブロック)

2)種類の違う商品タグが2種類以上混在している場合、カート内の商品は顧客が手動で削除することで、自動リロード&チェックアウトボタンが表示される(購入できるようになる)

はじめまして
株式会社Tsunの吉谷です。

コード編集での方法ではありませんが、

本スレッドのように同時に注文させたくない商品がある方向けに、Shopifyアプリでの対応方法を紹介します。

※ コード編集の方法は、他の方にお願いします

RuffRuff 予約販売の「同時注文の制限」機能を利用することで、
常温・冷蔵・冷凍の商品が同時にカートに追加されないように制限したり、

常温・冷蔵・冷凍の商品がカートに混在する場合にチェックアウトページに遷移できないように制限したりできます。

RuffRuff 予約販売で実現する場合、設定方法は下記になります。

  1. 3種類(常温用、冷蔵用、冷凍用)の予約販売ルールを作成する

  2. 1で作成した予約販売ルールを常温商品、冷蔵商品、冷凍商品にそれぞれ適用する

  3. 同時注文の制限レベルを「同じルールの予約商品のみ許可」を設定する

(参考ページ)

RuffRuffRuff 予約販売 | Shopifyアプリストア

同時注文の制限|RuffRuff 予約販売 ヘルプセンター

以上になります。

参考になりましたら幸いです。

ご連絡誠に有難うございます