# バリエーションごとに「再入荷お知らせ」ボタンを設置したい **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [September 28, 2021, 6:56pm UTC](https://community.shopify.com/t/topic/68634 "2021-09-28T18:56:22Z")\ **Posts on this page:** 4\ **Page:** 1 ## AI-generated summary 目的: 各バリエーション（例: ネイビー×S/M/L）ごとに「売り切れ」時のボタンを「再入荷お知らせ」に切り替えたい。 課題: 複数のバリエーションを個別ボタンで並べるカスタムUIでは、在庫をバリエーション単位で認識して複数の通知ボタンを出すことが多くのアプリで困難。 技術ポイント: Back In Stock（Shopifyアプリ）は、デフォルトの商品フォーム最下部にJavaScript（JS）で1つの再入荷ボタンを挿入する仕組み。複数ボタンを持つカスタムフォームには非対応。 提案された選択肢: - カスタムフォームに対応し、バリエーション単位の在庫連動・複数ボタン表示が可能な専用アプリを新規開発/実装する。 - Shopifyのデフォルトのオプション切り替え（単一フォーム）に戻し、Back In Stock等の既存アプリを利用する。 補足: 現在のUI（複数ボタン表示）のスクリーンショットが理解に重要。 現状: 具体的な採用方針は未決定。カスタム開発かデフォルトUIへの回帰かの二択で検討継続。
**Author:** ![Schelm](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@Schelm](https://community.shopify.com/u/Schelm)\ **Post date:** [September 28, 2021, 6:56pm UTC](https://community.shopify.com/t/topic/68634/1 "2021-09-28T18:56:22Z")
バリエーションごとに「カートに追加」ボタン（売り切れの場合は「売り切れ」ボタン）を設置しているのですが、バリエーションごとの売り切れのボタンを「再入荷お知らせ」に変更したいと考えています。 さまざまなアプリに問い合わせてみましたが、バリエーションごとに在庫を認識して複数ボタンを設置するという動きは難しいようです。 何か良い方法はないのでしょうか？ ---
**Author:** ![mrtc](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mrtc/32/109726_2.png) [@mrtc](https://community.shopify.com/u/mrtc)\ **Post date:** [September 29, 2021, 9:37am UTC](https://community.shopify.com/t/topic/68634/2 "2021-09-29T09:37:22Z")
意図している仕様かどうかはわかりませんが、普通にこのアプリでできませんか？ [https://apps.shopify.com/back-in-stock?locale=ja](https://apps.shopify.com/back-in-stock?locale=ja) ---
**Author:** ![Schelm](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@Schelm](https://community.shopify.com/u/Schelm)\ **Post date:** [September 29, 2021, 10:42am UTC](https://community.shopify.com/t/topic/68634/3 "2021-09-29T10:42:45Z")
私も当初こちらの利用を検討していたのですが、問い合わせてみたところ、バリエーションごとにボタンを分けてしまうと在庫状況が確認できないようなんです… 現在私のサイトでは、 ネイビー × S 【ADD TO BAG】 × M 【SOLD OUT】 × L 【ADD TO BAG】 のようにそれぞれボタンを表示しているので、このように分けてしまうとアプリの機能では対応できないようです。 こちらスクリーンショットになります。 ![スクリーンショット 2021-09-29 3.23.39.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/a/7aaccc0526dd1cb20a3de015e68533b17559c383.jpeg) ---
**Author:** ![mrtc](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mrtc/32/109726_2.png) [@mrtc](https://community.shopify.com/u/mrtc)\ **Post date:** [September 30, 2021, 1:30am UTC](https://community.shopify.com/t/topic/68634/4 "2021-09-30T01:30:34Z")
なるほど、そういうことなんですね。 Back In Stockはデフォルト状態のフォームの最下部に再入荷ボタンをJSで出力する仕組みだと思いますので、複数表示にカスタマイズされたフォームには対応していないんだと思います。 カスタマイズしたフォーム対応のアプリを開発するか、デフォルトのオプション切り替えに戻してBack In Stockなどのアプリを使うか2択だと思います。