ShopifyのCombined Listingsとは？色違い商品をまとめる設定方法

「色ごとに商品の説明や画像を用意したい。でも、お客様には同じ商品ページで色を選んでもらいたい」。このような運用に使えるのが、ShopifyのCombined Listingsです。

Combined Listings（組み合わせリスティング）は、別々に登録した商品を関連付け、色やモデルの選択肢としてまとめて表示するShopify公式アプリです。Plusプランとエンタープライズコマースプランで利用できます。

この記事では、通常のバリエーションとの違い、利用条件、設定方法、設定後の購入動線を説明します。予約販売や販売期間などを制御したい場合に向けて、当社が開発・提供するRuffRuffアプリとの併用時の注意点も紹介します。

Combined Listingsとは？通常のバリエーションとの違い

Combined Listingsでは、色違いなどを別商品として管理したまま、オンラインストアでまとめて選べるようにします。商品名・説明・画像ギャラリーを色ごとに用意したい場合に向いています。

公式App Storeの紹介画像では、色違いの商品を同じページで選ぶ例を確認できます。

出典：Shopify App Store「Shopify Combined Listings」（2026年11月4日撮影）

親商品・子商品・バリエーションの関係

まとめる役割を持つ商品を「親商品」、関連付ける個々の商品を「子商品」と呼びます。たとえば、レッドのTシャツとブルーのTシャツを別々に登録し、親商品「カラーTシャツ」にまとめる構成です。

各子商品には、S・Mなどのサイズのバリエーションを持たせられます。お客様はカラーを選んで子商品を切り替え、その商品のサイズを選びます。管理画面では色ごとの商品情報を保ちながら、店頭では色とサイズを続けて選ぶ導線を作れます。

通常のバリエーションと比較すると、主な違いは次のとおりです。

色ごとの写真を切り替えたいだけなら、通常のバリエーションで足りるかを先に確認してください。色ごとに説明や商品ページを分けたい場合は、Combined Listingsを検討する理由になります。

商品をまとめたあとの購入・在庫の扱い

親商品は子商品をまとめる役割を持ち、購入されるのはお客様が選んだ子商品のバリエーションです。親商品自体に独立した在庫や売上データが付く仕組みではありません。

在庫・価格・SKUを確認するときは、購入される子商品のバリエーションまで確認します。「親商品を買った」と考えて販売制御や集計を設計すると、実際の注文内容とずれる場合があります。

商品構造と注文・売上の扱いについては、Shopifyの開発者向け解説でも説明されています。

Combined Listingsの利用条件・料金・上限

利用できるプランに加え、オンラインストアのテーマと、併用する販売方法の確認が必要です。アプリが無料でも、Shopifyの契約条件やテーマへの対応は別に確認します。

対象プランとアプリの料金

2026年11月4日に確認したShopify公式ヘルプでは、対象はPlusプランとエンタープライズコマースプランです。Shopify App Storeに記載されているアプリの料金は無料です。

一般プランで同じような表示を作りたい場合は、通常のバリエーションで実現できるか、別商品の相互リンクなどで目的を満たせるかを検討します。この機能だけでPlusへの変更を判断せず、ストア全体で必要な機能と費用を比較してください。

対応テーマと販売チャネル

Combined Listingsはオンラインストア向けの機能です。オンラインストアで動いたことを、POSなど別の販売チャネルでの対応の根拠にはできません。組み合わせリスティングは、商品セットに追加したり、定期購入商品として扱ったりすることはできません。

公式ヘルプには、無料のShopifyテーマのバージョン15.0.0以降に対応する旨が記載されています。その他のテーマではカスタマイズが必要な場合があります。自店のテーマの対応状況を確認し、不明な場合はテーマ開発者へ確認してください。

子商品・オプション・バリエーションの上限

2026年11月4日時点の公式ヘルプにある上限は次のとおりです。

出典：Shopify公式ヘルプ「組み合わせリスティングの最大値」。

親と子のオプション名は重複させられません。子に「サイズ」を設定している場合、親には「カラー」など、別の名前のオプションを設定します。

Combined Listingsの設定方法

色ごとの子商品を先に準備し、Combined Listingsでまとめる順に設定します。説明例ではレッドとブルーのTシャツを使い、各商品にS・Mサイズを設定します。

1. 色ごとの子商品を準備する

Shopify管理画面で、レッドとブルーをそれぞれ別の商品として登録します。商品名だけでなく、説明と商品画像も色ごとに用意してください。

各商品のオプションに「サイズ」を追加し、S・Mを設定します。価格・SKU・在庫も子商品のバリエーションごとに確認します。親商品にカラーを追加するため、子商品側に同じ名前のカラーオプションを作らない構成にします。

今回のデモ商品の設定は次のとおりです。掲載画像は説明用に作成した架空の商品画像です。

2. Combined Listingsをインストールする

Shopify App StoreのCombined Listingsを開き、対象ストアへインストールします。すでにインストールされている場合は、Shopify管理画面の「アプリ」から開きます。

インストール前に対象プランと権限を確認してください。複数のストアを管理している場合は、操作対象のストアも確認します。

3. 組み合わせリスティングを作成し、子商品を追加する

Combined Listingsを開き、「組み合わせリスティングを作成する」を選択します。「組み合わせリスティングのタイトル」に親商品の名前を入力し、「商品を追加」から準備したレッドとブルーを選びます。

タイトル入力と商品追加は、次の画面から行います。

既存の商品を使う場合は、別の組み合わせリスティングに含まれていないか確認してください。1つの商品を同時に複数の組み合わせリスティングへ追加することはできません。

4. オプション名と各商品の値を設定する

「オプション名」に「カラー」を入力します。「商品」欄に追加した各子商品の「カラー」で、レッドの商品には「レッド」、ブルーの商品には「ブルー」を設定します。「プレビュー」でカラーとサイズの組み合わせを確認してから保存します。

各子商品がすでに持っているS・Mは、子商品のサイズとして扱います。色とサイズをどちらの階層で管理するかを決めておくと、商品追加時の設定をそろえやすくなります。

次の画面は、保存済みのデモをCombined Listingsアプリで開いたものです。「オプション名」のカラー、子商品ごとの色、右側のプレビューにあるカラー・サイズの関係を確認できます。

5. 保存し、商品情報・公開状態・テーマ表示を確認する

作成直後の親商品は下書きです。商品管理画面で必要な情報を整え、オンラインストアに表示する際は、商品ステータスと販売チャネルへの公開状態を確認します。

テーマのプレビューでは、親ページを開けることに加え、色・サイズの切り替えとカートへの追加まで確認してください。管理画面で関連付けが保存できたことと、店頭での購入動線が完成したことは別に確かめます。

保存後の商品管理画面では、親に2つの子商品が関連付けられ、それぞれが2件のサイズバリエーションを持つことを確認できます。

設定手順の出典：Shopify公式ヘルプ「組み合わせリスティングを作成する」。

実際のストアではどう動く？設定後の確認

2026年11月4日、Plus開発ストアにレッド・ブルーのTシャツを作成しました。Dawnで色・サイズの選択、商品情報の切り替え、カートへの追加を確認しました。以下はこのテスト環境での結果です。

色の切り替えによる画像・説明・価格・URL

今回の環境では、親ページを最初に開いた状態と、カラーを切り替えたあとの表示に違いがありました。ブルー・Sが選択済みでも、最初は親の商品名と2色の画像が表示されました。

親ページを開いた直後の価格は3,200円で、子商品の説明は表示されていませんでした。

「レッド」を選ぶと、赤い画像、商品名「デモ カラーTシャツ レッド」、3,000円の価格、レッド用の説明に切り替わりました。URLもレッドの子商品と選択したSサイズを示すものに変わりました。

続いて「ブルー」を選ぶと、青い画像、商品名「デモ カラーTシャツ ブルー」、3,200円の価格、ブルー用の説明に変わりました。URLもブルーの子商品とSサイズを示すものになりました。

切り替え前後の違いを、同じ項目で比較すると次のとおりです。

子商品のURLを直接開いた場合は、最初から子の商品名と説明が表示されました。自店でも、親ページの初期表示と色を選んだあとの両方を確認してください。

未公開のHorizonテーマのプレビューでも、赤への切り替えで画像・商品名・説明・価格が変わり、青へ戻すと青の商品情報へ戻りました。テーマのバージョンは今回確定できていないため、自店で使うテーマでも同じ経路を確認してください。

サイズ選択・在庫切れ・カートへの追加

カラーとは別に、各子商品のS・Mを選べました。在庫0のブルーMは売り切れと表示され、カートへの追加ボタンは無効になりました。

在庫のあるレッドSとブルーSは、それぞれカートの商品名・色・サイズ・価格を照合しました。レッドSは3,000円、ブルーSは3,200円で、カートに入ったバリエーションも選択内容と一致しました。

カートでは、親の名前ではなく、選択したブルーの子商品とSサイズを確認できます。

コレクション・検索結果での親商品と子商品の表示

今回のストアでは、コレクション一覧に親・レッド・ブルーの3商品が並びました。

ストア内検索で「デモ カラーTシャツ」を検索すると、結果は子商品の赤・青の2件でした。Search & Discoveryの設定自体は確認していないため、この表示をすべてのストアの結果として扱うことはできません。

検索結果や自動生成されるおすすめ商品への表示は、Search & Discoveryで子のみ・親のみ・両方から設定できます。公式ヘルプで案内されている既定は子商品のみです。

コレクションも含めて親商品を一覧に出したくない場合は、親の非掲載ステータスを検討します。直接URLでアクセスできる状態を保ちながら、コレクションやストア内検索から隠せます。子商品は、それぞれのステータスに応じて表示されます。検索・おすすめだけの表示設定と、親商品自体の掲載状態を分けて選んでください。

出典：Shopify公式ヘルプ、Shopify Changelog。

導入前に知っておきたい注意点

Combined Listingsでは、商品ページを開いた時点と、子商品を切り替えたあとで表示状態が変わります。テーマやアプリの確認は、この両方を含めて行います。

商品ページに表示するアプリは、切り替え後まで確認する

商品メッセージ、タイマー、購入ボタン、数量入力欄などを変更するアプリは、Combined Listingsと互換性がない場合があります。Shopify公式ヘルプでも、商品ページへ情報を表示するアプリについて、公開前の互換性テストを案内しています。

確認するときは、親ページを直接開く、親ページから子商品を切り替える、子商品のURLを直接開く、の3つの経路を試します。購入制限が機能するかと、商品ページの案内が表示されるかも分けて見てください。

検索・コレクション・SEOを別々に確認する

ストア内検索の表示設定と、Googleなどの検索エンジンでの扱いは別の論点です。子商品に固有のURLがあることだけで、検索順位の向上や重複ページの解消を保証することはできません。

色別にページを運用する場合は、各子商品の説明や画像に加え、公開HTMLのcanonicalがどのURLを正規URLとして示しているかを確認します。canonicalは、検索エンジンへ正規URLを伝えるための情報です。ブラウザのアドレスバーに出るURLとは区別してください。

HTMLの確認が難しい場合は、色別ページを検索エンジンでどう扱いたいかを伝え、テーマ開発者へcanonicalの出力先を確認してください。

子商品の解除と親商品の削除を区別する

リスティングから子商品を外す操作と、商品そのものを削除する操作は区別します。親の組み合わせリスティングを削除しても、含まれていた子商品は削除されません。ただし、削除した組み合わせリスティングは復元できません。

運用を戻す前に、親商品へのリンク先を今後どう案内するか、子商品に設定した販売制御ルールを継続するかを決めてください。試しに作成したものを削除する場合も、どの商品・関連付けを操作するかを確認してから行います。

RuffRuffアプリとCombined Listingsは併用できる？

検証環境では、子商品への一部の販売制御は機能しましたが、商品ページの表示機能には制限がありました。購入時の判定と、商品メッセージなどの表示を分けて確認してください。

以下の4アプリは、当社・株式会社Tsunが開発・提供するShopifyアプリです。併用時の動きは、2026年11月4日に当社で確認したテスト用アプリ（Staging版）・Plus開発ストア・Dawnでの記録に基づきます。本番アプリでの動作は未確認です。実際に使用するアプリとテーマで、公開前に同じ操作を確認してください。

以下の動画は、各アプリの一般的な機能を紹介するものです。Combined Listingsとの併用結果は、各節の検証内容をご覧ください。

予約を受け付けたい：RuffRuff 予約販売

RuffRuff 予約販売は、販売期間や在庫状況、顧客タグなどの条件に合わせて予約販売を行えるアプリです。予約販売ボタンや商品メッセージ、カウントダウンタイマーなどを使って、お客様へ販売条件を案内できます。

予約販売や販売条件の設定に使える機能を、次の動画で紹介しています。

既存の検証では、親ページから予約対象の子商品へ切り替えたあとも、予約販売ボタンと商品メッセージが反映されました。カートに入った対象商品の予約用情報も確認できています。

一方、切り替え後のカウントダウンタイマー・カスタムボタン・特定の要素を非表示にする機能は反映されませんでした。子商品のページを直接開いた場合は反映されました。これらの表示を必要とする場合は、子商品の直接ページを案内する運用を含め、実際の動線を確認してください。

併用前に、予約販売のよくある質問内のCombined Listingsに関する説明も確認してください。

販売日時を制御したい：RuffRuff 販売期間

RuffRuff 販売期間は、商品やバリエーションに販売開始・終了日時を設定し、発売予告や期間限定販売を行えるアプリです。商品メッセージ、カウントダウン、商品カードバッジで販売時期を案内できます。

発売予告や期間限定販売に使える機能を、次の動画で紹介しています。

今回の実測では、Dawnで販売開始前のレッドへ切り替えると、商品メッセージが表示され、主な購入フォームの追加ボタンが無効になりました。ブルーへ戻すとメッセージは消え、ボタンは有効に戻りました。次の画面は、レッドの販売開始前メッセージと無効になった追加ボタンです。

タイマーについては、今回の環境で子商品への追従を確認できませんでした。Dawnのプレビューで2往復切り替えた際は、赤のカウントダウンが青にも残りました。青の直接URLを再読み込みすると非表示になりました。一方、プレビュー終了後の通常表示では、赤を選んでもタイマー自体が表示されませんでした。公式FAQの説明と異なる結果であり、表示条件の違いの原因と本番アプリでの再現は未確認です。

販売開始前のレッドSを含むカートでは、購入手続きで販売開始前のアラートが表示されました。ブルーSだけでは同じアラートなしで進めました。この確認では、ルールを一時無効にしてレッドSをカートに入れ、再有効化してから購入手続きへ進んでいます。個人情報・決済情報は入力せず、注文は確定していません。

未公開Horizonのプレビューでは、切り替えに応じた商品メッセージと主フォームのボタンの変化を確認しています。Horizonのタイマーとクイック追加バーは未確認です。

商品カードバッジでは、レッドだけにルールを設定しても、青い画像の親カードに「販売開始前」と表示されました。購入可能なブルーの子カードにはバッジがありませんでした。親カードが全色の販売状態を表していると受け取られないか確認してください。

併用前に、販売期間のよくある質問内のCombined Listingsに関する説明も確認してください。

購入数を制限したい：RuffRuff 注文制限

RuffRuff 注文制限は、商品の購入個数や購入金額、同梱の組み合わせなどに条件を設定できるアプリです。

個数や金額、同梱などの制限を、次の動画で紹介しています。

既存の検証では、子商品に設定した個数上限を超えるカート追加が制限されました。ただし、制限を確認するタイミングは設定によって異なります。カート追加時に止める設定と、チェックアウトで止める設定を区別して確認してください。

商品ページの数量入力欄には別の制限があります。子商品を直接開くと反映された数量の上限が、親ページと子への切り替え後には反映されませんでした。数量欄の上限表示だけに頼らず、購入時の制限が働くことを確かめます。

なお、閲覧制限は個数制限とは別の機能です。閲覧制限も使う場合は、親ページを開く経路を含め、FAQのCombined Listingsに関する条件を確認してください。子商品への設定だけで親ページ経由の表示も防げるとは限りません。

併用前に、注文制限のよくある質問内のCombined Listingsに関する説明も確認してください。

割引・ギフトを付けたい：RuffRuff 購入特典

RuffRuff 購入特典は、商品・注文・配送のディスカウントや、条件に応じたギフト配布を設定できるアプリです。購入金額や個数などに合わせた特典施策に使えます。

割引やギフト配布に使える機能を、次の動画で紹介しています。

Combined Listingsとの既存の実機検証では、親ページから子商品へ切り替えてカートへ追加した場合も、対象の子商品に10%の割引が適用されました。対象外の子商品には割引が適用されませんでした。この検証は割引の結果であり、ギフト配布まで確認したものではありません。

表示機能には制限がありました。子商品を対象にした商品メッセージは親ページに表示されず、対象を「すべての商品」にしても、子商品への切り替え後には表示されませんでした。親商品をメッセージ対象へ追加する方法も、検証した商品の選択画面では利用できませんでした。

商品カードバッジは対象の子商品のカードに表示され、親のカードには表示されませんでした。カートの割引表示と、商品ページ・商品カードの告知を分けて確認してください。

併用前に、購入特典のよくある質問内のCombined Listingsに関する説明も確認してください。

導入前にテスト商品で購入動線を確認する

Combined Listingsを導入する際は、対象プランとテーマの対応を確認したうえで、テスト用の商品を使って設定から購入手続きまで試してください。

• 色・サイズを切り替えたあとも、画像・説明・価格・URLが選択内容と合っているか。
• 在庫切れの商品を選んだ場合に、意図した販売状態になるか。
• カートに入る子商品・サイズ・数量・価格が正しいか。
• 予約販売・販売期間・購入制限・特典など、必要な条件が購入時に適用されるか。
• 親ページから切り替えた場合と、子商品を直接開いた場合で案内が変わらないか。
• コレクション・検索・商品カードの表示が運用方針に合っているか。

RuffRuffを併用する場合は、行いたい施策に対応するアプリの紹介と制限を確認し、自店のテーマで同じ経路を試してから公開してください。