Shopifyの商品ページで売り切れのサイズ・カラーを自動で非表示にできるアプリについて徹底解説｜ご利用ガイド

株式会社UnReact

2026/10/21

はじめに

結論から言うと、このアプリを入れて有効にするだけで、商品ページのバリエーションの選択肢から、いま買えないサイズ・カラーが消えます。 設定は管理画面のチェック1つとテーマエディタのスイッチ1つです。

Shopify の公式テーマ（Horizon・Dawn など）は、売り切れのオプションを消す設定を持っていません。売り切れのサイズは取り消し線付きで残るので、お客様は「選べそうで選べない」ボタンを何度も押すことになります。

アプリを使っていない状態の商品ページ。Sunset を選ぶと 156cm と 160cm に取り消し線が付いたまま残っている

シンプル売り切れバリエーション非表示｜自動在庫切れ非表示 は、この売り切れの選択肢を商品ページから自動で消す Shopify アプリです。サイズ・カラー展開が多く、欠品が日常的に出るアパレル・雑貨のストアに向いています。

料金: 月額 $3.49（年額 $34.90）。インストール後 7 日間は無料でお試しいただけます。

シンプル売り切れバリエーション非表示（Shopify App Store）

シンプル売り切れバリエーション非表示のメイン画像。商品ページの売り切れバリエーションを簡単に非表示

「シンプル売り切れバリエーション非表示」でできること

商品ページのバリエーションピッカーから売り切れの選択肢を消します。
選択中の組み合わせで判定するので、別のカラーを選ぶと選択肢が戻ります。
売り切れの選択肢を消すか、薄く表示して選べなくするかを選べます。
予約販売・在庫切れでも販売を続けるバリエーションは表示されたままです。
コレクション・検索・フィルターから売り切れのバリエーションも隠せます。

選んでいるカラーに合わせて、買えないサイズだけが消える

売り切れかどうかは、いま選ばれているほかのオプションとの組み合わせで決まります。下のスノーボードは「Mint の 152cm」と「Sunset の 156cm・160cm」が売り切れです。

Mint を選んでいると 152cm が消えます。

Mint を選んだ商品ページ。サイズは 148cm・156cm・160cm だけが並び、売り切れの 152cm は表示されていない

Sunset に切り替えると 152cm が戻り、代わりに 156cm と 160cm が消えます。

Sunset を選んだ商品ページ。サイズは 148cm と 152cm だけになり、売り切れの 156cm・160cm が消えている

消さずに「薄く表示して選べなくする」こともできる

品ぞろえは見せたい、というストアでは、売り切れの選択肢を薄く表示して押せなくする見せ方も選べます。

見せ方をグレーアウトにした商品ページ。売り切れの 156cm・160cm が薄く表示され、選べなくなっている

コレクション・検索からも売り切れを隠せる

売り切れのバリエーションをオンラインストアの公開対象から外して、コレクションページ・検索結果・絞り込みからも隠す機能もあります（初期状態はオフ）。

スマートフォンでもそのまま動く

スマートフォンで見た商品ページ。Mint を選ぶと売り切れの 152cm が表示されていない

インストールする

Shopify App Store からインストールします。手順はほかの Shopify アプリと同じです。

Shopify 管理画面の左下にある「設定」を開きます。

Shopify 管理画面の左下にある設定

「アプリと販売チャネル」を開き、「Shopify App Store」に進みます。

アプリと販売チャネルの画面から Shopify App Store へ進む

App Store で「シンプル売り切れバリエーション非表示」を検索し、アプリのページを開きます。
「インストール」を押します（インストール済みのストアでは、下の画像のように「開く」と表示されます）。

Shopify App Store のシンプル売り切れバリエーション非表示の掲載ページ。インストール済みのため「開く」ボタンが表示されている

権限の確認画面と料金プランの画面が出たら、内容を確認して承認します。

まず最初にやる設定（これで商品ページから売り切れが消えます）

やることは2つだけです。

アプリを開き、「テーマに機能を追加」の「テーマに追加」を押します。テーマエディタが開き、このアプリの埋め込みがオンになった状態で表示されます。
テーマエディタの右上の「保存」を押します。

これで完了です。「売り切れの選択肢を消す」は最初からオンなので、管理画面で何かを保存する必要はありません。商品ページを開き、カラーを切り替えて売り切れのサイズが消えることを確かめてください。

🚨 テーマエディタで「保存」を押すまでは、ストアには反映されません。アプリの画面に「アプリがテーマで有効になっていません」と赤い警告が出ている場合は、埋め込みがまだオフです。

管理画面の使い方

管理画面は「設定」の1画面だけです。上から順に、テーマへの追加・動作する場所の説明・表示設定・コレクションと検索から隠す設定・言語設定が並びます。

アプリの設定画面。テーマに機能を追加・このアプリが動作する場所・表示設定・コレクション・検索からも隠すのカードが縦に並んでいる

テーマに入れたいときは「テーマに機能を追加」

テーマに機能を追加のカード。テーマを選択の欄に Horizon（公開中のテーマ）が選ばれ、テーマに追加とテーマをプレビューのボタンがある

テーマを選択 … 追加先のテーマを選びます。初期値は公開中のテーマです。
テーマに追加 … テーマエディタが新しいタブで開き、埋め込みアプリ「売り切れバリエーション非表示」がオンになった状態になります。右上の「保存」で確定します。商品ページのテンプレートで開くので、そのまま動作を確かめられます。
テーマをプレビュー … 選んだテーマの商品ページをテーマエディタで開きます。

テーマのバージョンによっては選択欄が空になったり、自動でオンにならなかったりします。その場合は「テーマエディタで手動でオンにしたいときは」の手順でオンにしてください。

どこで動くのか知りたいときは「このアプリが動作する場所」

このアプリが動作する場所の案内。商品ページのバリエーションの選択欄で動作すると書かれている

売り切れの選択肢が消えるのは、商品ページのバリエーションの選択欄です。コレクションページや検索結果からも隠したい場合は、下の「コレクション・検索からも隠す」を使います。

消し方を変えたいときは「表示設定」

表示設定のカード。売り切れの選択肢を消すにチェックが入り、見せ方は選択肢を消すになっている

設定	内容	初期値
売り切れの選択肢を消す	オンで機能が動きます。オフにすると、商品ページはテーマ本来の表示に戻ります	オン
見せ方	「選択肢を消す」… 売り切れの選択肢を見えなくします／「グレーアウトして選択不可にする」… 薄く表示して押せなくします	選択肢を消す

変えたら「保存する」を押します。保存すると、次に商品ページを開いたときから新しい設定で表示されます。

ここで知っておくと安心な動き:

在庫切れでも販売を続ける設定（継続販売）のバリエーションは消しません。 予約販売・受注生産の商品が消えてしまわないよう、Shopify の「購入できるか」の判定に合わせています。在庫数だけを見て消すことはありません。
すべて売り切れた商品では何も消しません。 選択肢が空になって何も選べなくなるのを防ぐためです。同じように、あるオプションの値が全部売り切れになる組み合わせでは、そのオプションは何も消しません。
選んでいた値が売り切れの場合（?variant= 付きのリンクから来たときなど）は、先に在庫のある値へ選択を移してから消します。
「グレーアウトして選択不可にする」の薄さは、テーマエディタの「グレーアウトの濃さ（%）」で変えられます。

コレクション・検索からも隠したいときは「コレクション・検索からも隠す」

コレクション・検索からも隠すのカード。アンインストールすると元に戻せませんの警告と、非公開にするチェックボックス、件数 0、保存する・今すぐ適用する・全部公開に戻すのボタンがある

売り切れたバリエーションを、オンラインストアの公開対象から外す機能です。商品ページだけでなく、コレクション・検索・絞り込みからも消えます。初期状態はオフです。

売り切れのバリエーションをオンラインストアから非公開にする … チェックを入れて「保存する」を押すと有効になり、その場で売り切れのバリエーションの非公開が始まります。チェックを外して保存すると、このアプリが非公開にしたものを公開に戻し始めます。
このアプリが非公開にしているバリエーション … いまこのアプリが非公開にしている数です。
今すぐ適用する … 非公開にする処理の続きを実行します。有効なときだけ押せます。対象が多いストアでは処理が途中で止まり、「対象が多いため、適用が途中で止まっています」と表示されるので、そのときに押してください。
全部公開に戻す … このアプリが非公開にしたバリエーションを公開に戻します。非公開にしたものがあるときだけ押せます。

在庫が戻ると、このアプリが非公開にしたバリエーションは自動で公開に戻ります。

🚨 知っておいてほしいこと

アプリを削除すると、このアプリが非公開にしたバリエーションを公開に戻せなくなります。 削除と同時にストアへの権限が失われるためです。アプリを削除する前に、必ず「全部公開に戻す」を実行してください。
商品ページの見た目は、この機能では変わりません。 「赤の M だけ売り切れ」のようにほかのバリエーションが残っている場合、ピッカーの表示は通常の売り切れと同じです。商品ページで消すのは「表示設定」の仕事です。
すべて売り切れた商品では何もしません。 公開中のバリエーションが1つも無くなると、商品ページそのものが表示されなくなるためです。
公開に戻すのは、このアプリが非公開にしたものだけです。 ストア側で自分で非公開にしていたバリエーションを、在庫が戻ったからといって公開することはありません。
「この機能はいま利用できません」と出たときは、時間をおいて画面を読み込み直してください。解消しない場合はお問い合わせください。

管理画面の言語を変えたいときは「言語設定」

言語設定のカード。言語を選択の欄に日本語が選ばれ、変更するボタンがある

「言語を選択」で言語を選び、「変更する」を押します。管理画面は20言語に対応しています。商品ページのバリエーション名などはストアの表示のままで、このアプリが文言を足すことはありません。

テーマエディタの設定

このアプリは「埋め込みアプリ」として動きます。商品ページにブロックを置く必要はありません。

テーマエディタで手動でオンにしたいときは

Shopify 管理画面の「オンラインストア」→「テーマ」で、公開中のテーマの「カスタマイズ」を開きます。
左上の「埋め込みアプリ」のアイコンを押します。
「売り切れバリエーション非表示」のスイッチをオンにします。
右上の「保存」を押します。

テーマエディタの埋め込みアプリ。売り切れバリエーション非表示のスイッチがオンになっている

グレーアウトの薄さを変えたいときは

埋め込みアプリの行を開くと、設定が1つだけ出ます。

売り切れバリエーション非表示の行を開いた状態。表示設定の下にグレーアウトの濃さ（%）のスライダーがあり、40 になっている

設定	内容	範囲・初期値
グレーアウトの濃さ（%）	見せ方を「グレーアウトして選択不可にする」にしたとき、売り切れの選択肢をどのくらいの濃さで表示するかです。数字を小さくするほど薄く、大きくするほどはっきり表示されます	10〜100%（5% 刻み）、初期値 40%

見せ方を「選択肢を消す」にしているときは、この設定は使われません。有効・無効と見せ方はテーマエディタではなく、アプリの管理画面で設定します。

こんなときはこう設定する

サイズ切れのボタンをとにかく見せたくない（アパレルの定番）

表示設定: 「売り切れの選択肢を消す」オン、見せ方「選択肢を消す」
追加の設定は不要です。カラーを切り替えるたびに、買えるサイズだけが並びます。

品ぞろえは見せつつ、押せないようにしたい

表示設定: 見せ方「グレーアウトして選択不可にする」
テーマエディタ: 「グレーアウトの濃さ（%）」を 30〜50 程度に。テーマの背景が濃い場合は、少し大きめにすると読みやすくなります。

一覧ページや検索でも売り切れを見せたくない

表示設定はそのまま（商品ページは表示設定で消します）
「コレクション・検索からも隠す」を有効にして保存し、件数が多いストアでは「今すぐ適用する」を途中で止まらなくなるまで押します。
アプリを削除するときは、先に「全部公開に戻す」を実行してください。

予約販売・受注生産の商品がある

何もしなくて大丈夫です。在庫切れでも販売を続ける設定のバリエーションは消えません。

うまく動かないときは

売り切れの選択肢が消えない

埋め込みアプリがオフ … アプリの画面に「アプリがテーマで有効になっていません」と出ていれば、テーマエディタで「売り切れバリエーション非表示」をオンにして保存してください。
「売り切れの選択肢を消す」がオフ … 表示設定を確認してください。
お使いのテーマのピッカーを見つけられない … アプリの画面に「お使いのテーマでは動作しない可能性があります」と出る場合や、テーマを大きく改造している場合、ピッカーを別のアプリで置き換えている場合は、このアプリは何もしません（テーマを壊さないためです）。Shopify 公式の無料テーマ（Horizon・Dawn など）で動作を確認しています。
その組み合わせでは消さない条件に当たっている … 継続販売のバリエーション、すべて売り切れた商品、オプションの値が全部売り切れになる組み合わせでは消しません（上の「表示設定」を参照）。
無料体験が終わってプランが無い … 料金プランが有効でないストアでは、売り切れの選択肢は消えません。