複数商品の Mix & Match で、商品とバリエーションを専用パネルに表示

それぞれ4つのバリエーションを持つ10商品で作った複数商品の Mix & Match バンドルは、以前は40枚のカードを表示していました。お客様はどの4枚が同じ商品なのかを自分で判断する必要がありました。現在は複数商品の4つのレイアウトすべてで、1商品につき1枚のカードまたは1行を表示し、オプションはワンクリックで開けます。

Top bar

バリエーションごとではなく、商品ごとに1枚のカードを表示します。オプションのある商品はポップアップが開き、お客様はオプションと数量を一度に選べます。パック内の各選択は、どの商品・どのオプションから来たかをたどれます。

Side bar

商品ごとに1枚のカードを表示し、See options ボタンでグリッドの横にパネルが開きます。そこでは商品のオプションを画像・価格・在庫付きのカードで比較し、好きな組み合わせで追加できます。In stock only フィルターがあり、スマートフォンではスワイプでパネルを閉じられます。Demo ページにはストアのヘッダーも表示されるようになり、プレビューが実際のページのように見えます。

Table

商品ごとに1行です。行をクリックするとその商品のオプションが開き、すでに開いていた行は閉じるので、バンドルの商品数が多くてもテーブルは短いままです。選択済みの行には選択数が表示され、In stock only フィルターで在庫のないオプションを非表示にできます。

Full page

Full page レイアウトは静的なデモではなくなりました。管理画面のプレビューには実際の設定を反映したページが表示され、Demo ではストアのヘッダー付きで開きます。カスタマイザーではイントロ、数量オファー、商品カード、My Pack、オファー達成メッセージを、デスクトップ表示とモバイル表示の両方で設定できます。

必要な作業

ありません。既存の複数商品バンドルには4つすべてが自動で反映されます。特にオプション名が長い商品がある場合は、バンドルを1つ開いてスマートフォンでオプションのポップアップを確認しておくことをおすすめします。

利用条件

Mix & Match バンドルは Growth プラン（2026年10月時点で月額$14）で利用でき、複数商品バンドルには最大128商品まで入れられます。

設定ガイド：商品を追加して含めるバリエーションを選ぶ方法