Shopifyで売り切れ商品や在庫切れバリエーションを非表示にする方法

更新（2026年7月）：Shopifyにバリエーション単位での商品表示設定が追加されました。これは売り切れのバリエーションを非表示にするための最適な解決策です。

更新（2025年11月）：Shopifyに「非公開（unlisted）」という新しい商品ステータスが追加されました。これは在庫切れ商品を非表示にするための最適な解決策です。詳細は2番目のオプションをご覧ください。

オンラインビジネスを成功させる上で欠かせないのが在庫管理です。需要を予測し、人気商品を常に在庫しておく必要があります。しかし、販売頻度が低く、時折在庫切れになってしまう商品についてはどうすればよいでしょうか。

売り切れ商品をコレクションのトップに表示したり、キャンペーンのトラフィックをその商品ページに誘導したりすることは避けたいはずです。

売り切れ在庫への最善の対処法は、完全に非表示にするか、少なくともコレクションの最後に移動させることです。本ガイドでは、前者のアプローチを取り上げ、商品やバリエーションを非表示にする方法を学びます。

オプション1：サードパーティ製アプリを使用する

ストアの在庫管理に役立つサードパーティ製アプリはいくつかあります。おすすめはNada: Sort & Hide Out-of-Stockというアプリです。

GO TO APP STORE

Nada: Sort & Hide Out-of-Stockは、オンラインストアの販売チャネルから売り切れ商品を非公開にすることで、自動的に非表示にします。また、在庫が補充されると自動的に再公開されます。さらに、リダイレクトを作成するため404エラーも発生しません。つまり、オプション2、3、5の欠点を本質的に解消しています。

このアプリは初月わずか0.99ドルから利用でき、7日間の無料トライアルも用意されています。

その他の推奨アプリ：

• StockIQ (旧Out-of-Stock Police)
• Push Down & Hide Out of Stock
• Stockyphi

その他の選択肢については、売り切れ商品を非表示にするためのShopifyアプリのリストをご覧ください。

オプション2：商品を「非公開」に設定する

2025年10月、Shopifyは「非公開（unlisted）」という新しい商品ステータスを導入しました。非公開ステータスに設定された商品は、ストアフロントやストア内検索には表示されませんが、URL経由であれば引き続きアクセス（および購入）が可能です。

これは、売り切れ商品や無料ギフトを非表示にするのに最適です。顧客には見えませんが、検索エンジンは引き続きURLにアクセスできるためです。

商品を「非公開（Unlisted）」に設定するには、以下の手順に従ってください：

• 商品カタログに移動し、対象の商品を開きます。
• ステータスを「非公開（Unlisted）」に変更し、保存
• をクリックします。これで、ストアを閲覧している顧客からは商品が非表示になります。

ただし、この解決策は完璧ではなく、いくつかのリスクが伴います：

1. robots.txtで手動でインデックスを無効にしない限り、URLは検索エンジンやLLM（ChatGPTなど）にインデックスされ続け、オーガニックトラフィックが発生する可能性があります。robots.txt
2. 商品は、あるRedditユーザーが指摘したように
3. 、FacebookやGoogleなどの他の販売チャネルでは引き続き公開されたままになります。手動でステータスを変更するか、Flow

オプション3：販売チャネルから商品を非公開にする

Shopifyストアから商品を非表示にする最も簡単な方法は、特定の販売チャネルから非公開にすることでしょう。オンラインストアの場合、デフォルトのチャネル名は（驚くべきことに）オンラインストアです。

販売チャネルから商品を非公開にするには、以下の手順に従ってください：

• 商品カタログに移動し、対象商品の詳細を開きます。
• 右上の「販売チャネルとアプリ」セクションで「管理」をクリックします。
• 該当するチャネルのチェックを外し、完了をクリックしてから、保存
• をクリックします。これで商品は非表示になり、誰も購入できなくなります。

ストアフロントから非表示になるだけでなく、サイト内検索からも除外されます。

ただし、以下のデメリットに注意する必要があります：

1. 商品ページで404エラーが返される（Googleはこれを非常に嫌います！）。これはカスタムリダイレクトで解決可能です。
2. 数十個の商品を非公開にしたり再公開したりする場合、手間がかかる可能性があります。商品のインポートとエクスポート機能を使えば、時間を大幅に節約できます。

オプション4：商品ステータスを「ドラフト」に設定する

オプション1と似ていますが、商品を「ドラフト」に設定すると、すべてのチャネルで非表示になり、購入できなくなる点が異なります。デメリットは同じです。

商品のステータスを「ドラフト」に設定するには、以下の手順に従ってください：

1. 商品カタログに移動し、対象商品の詳細を開きます。
2. 右上のステータスセクションで、アクティブのドロップダウンをクリックし、ドラフト
3. に変更します。保存をクリックすると、その商品はどこからも見えなくなります。

オプション5：自動コレクションルールを設定する

自動コレクションを使用している場合、在庫のある商品のみを表示する条件を追加できます。前述の2つの方法と比較した大きなメリットは以下の通りです：

• 404エラーは発生しません（商品ページには直接リンクから引き続きアクセス可能です）
• 手作業は不要で、すべて自動で行われます。在庫が補充されれば、商品は自動的に再表示されます

在庫状況の条件を設定するには、以下の手順に従ってください：

1. Shopifyストア管理画面の 商品管理 > コレクション
2. に移動します。特定のコレクションを選択し、条件 セクションで 別の条件を追加 をクリックします。もし 条件 セクションが表示されない場合は、そのコレクションが自動ではなく手動で作成されています。
3. ドロップダウンから 在庫数 + が次より大きい + 0
4. を選択します。「保存」をクリックすれば完了です。これで、その商品はコレクションページ（yourstore.com/collectionsなど）に表示されなくなります。

欠点は、手動コレクションでは機能しないこと、またサイト内検索には適用されないことです。

オプション6：Shopify Flowで自動化ルールを作成する

Shopify Flow は、Shopifyが提供する自動化アプリで、「もし（IF）」「ならば（THEN）」「そうでなければ（OTHERWISE）」というルールを使用してシンプルなワークフローを作成できます。ZapierやMakeと同様の仕組みです。アプリをストアに追加すれば、独自のワークフローを作成したり、160以上の共有フローが公開されているパブリックコレクションを閲覧したりできます。商品の非表示と再公開には、「在庫レベルに基づいて商品を非表示・再公開する」というフローを使用します。

The main advantage is the automation and customization. But hiding of the product happens without a redirect, so any visitor of the product page will get a 404 error.

幸いなことに、Shopify Flowは現在、Shopifyベーシックプラン を含むすべてのShopifyマーチャントが利用可能です。

課題となるのは、商品全体ではなく、商品ページ上の特定のバリエーションのみを非表示にする方法です。残念ながら、上記のすべてのオプションは、商品全体（すべてのバリエーション）が売り切れた場合にのみ機能します。

Shopifyは Editions Spring 2026 において、オンラインストアを含むさまざまなチャネルで バリエーション単位の表示設定 を制御する新しい方法を発表しました。これにより、商品カタログ内の特定のバリエーションを選択し、任意のチャネルから非表示にすることが可能になりました。

具体的な手順は、以下の動画または説明で確認できます：

• オンラインストアの管理画面から「商品管理」に移動し、特定の商品を選択します
• バリエーションセクションで販売チャネルのアイコンをクリックするか、バリエーションの詳細ページに移動します
• トグルを切り替えて、バリエーションの公開を停止したいチャネルを選択します
• 在庫が補充されたら、再度公開してください。

常に手動で行うのが面倒な場合は、当社のアプリ Nada をご利用ください。自動的に代行いたします。

Dawnテーマで売り切れのバリエーションを非表示にする

もし Dawn（または同様の2.0テーマ）を使用しているなら幸運です。少しの カスタムCSS を追加するだけで、売り切れのバリエーションを非表示にできます。

• ストア管理画面の オンラインストア > テーマ > カスタマイズ
• に移動します。商品詳細ページのテンプレートを開き、左側のテンプレートメニューから「商品情報」ブロックを選択します。
• 下にスクロールして「カスタムCSS」を見つけ、以下のコードを追加してください：

.product-form__input .disabled + label {
  display: none;
}

仕上がりイメージは以下の通りです。

Horizonテーマで売り切れのバリエーションを非表示にする

「Horizon」（Editions Summer 2025で発表）のようなモダンなテーマをご利用の場合、売り切れバリエーションにCSSクラスが付与されないため、残念ながらカスタムCSSは機能しません。

そのため、テーマのLiquidコードを直接編集する必要があります。これには多少の技術的な知識が必要です。

• ストア管理画面から オンラインストア > テーマ > ... > コードを編集
• 「variant-main-picker.liquid」というファイルを探します
• <label>要素を見つけ、その上に {% if product_option_value.available %} という条件式を挿入します
• 閉じタグの</label>を見つけ、その下に {% endif %} を挿入します

コードは以下のようになります。

この条件式により、バリエーションが販売不可の場合、商品詳細ページに表示されなくなります。

ご自身でのカスタムCSSの調整が難しい場合や、別のテーマをご利用の場合は、お気軽にお問い合わせください。弊社のエージェンシーチームが対応いたします。