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

**URL:** <https://community.shopify.com/t/topic/242198>\
**Category:** 技術的なQ＆A\
**Tags:** javascript\
**Created:** [August 19, 2023, 12:53am UTC](https://community.shopify.com/t/topic/242198 "2023-08-19T00:53:36Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

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

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

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

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

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

<div class="post-metadata">

**Author:** ![shop25](https://avatars.discourse-cdn.com/v4/letter/s/53a042/32.png) [@shop25](https://community.shopify.com/u/shop25)\
**Post date:** [August 19, 2023, 12:53am UTC](https://community.shopify.com/t/topic/242198/1 "2023-08-19T00:53:36Z")

</div>

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

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

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

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

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [August 20, 2023, 12:20am UTC](https://community.shopify.com/t/topic/242198/2 "2023-08-20T00:20:11Z")

</div>

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

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

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

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

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

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

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

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

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

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

（参考ページ）

[RuffRuffRuff 予約販売 | Shopifyアプリストア](https://apps.shopify.com/ruffruff-pre-orders)

[同時注文の制限｜RuffRuff 予約販売 ヘルプセンター](https://help.ruffruff-pre-order.tsun.ec/%E6%B3%A8%E6%96%87%E3%82%92%E5%88%B6%E9%99%90%E3%81%99%E3%82%8B/about-order-limits)

以上になります。

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

---

<div class="post-metadata">

**Author:** ![shop25](https://avatars.discourse-cdn.com/v4/letter/s/53a042/32.png) [@shop25](https://community.shopify.com/u/shop25)\
**Post date:** [August 20, 2023, 12:27am UTC](https://community.shopify.com/t/topic/242198/3 "2023-08-20T00:27:34Z")

</div>

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