バリエーションの多いバンドル向けのテーブルレイアウト

Mix & Match バンドルに十数個のバリエーションがあると、商品カードのグリッドではショッパーがスクロールして探すことになります。Template 4 は同じバンドルをテーブルで表示します。バリエーションごとに1行なので、サイズやフレーバーを一度に見渡し、数量を設定し、パックが埋まるにつれて割引が増えていく様子を確認できます。

できること

• すべてのバリエーションを、画像、在庫数、単価、小計付きのテーブル行で表示します。
• 商品を1つずつ追加するのではなく、各行のステッパーで数量を設定できます。
• ボリューム段階をテーブルの上に表示し、到達した段階をハイライト。数量が変わると価格も更新されます。
• 次の段階まであと何個かを示すプログレスバーを表示します。
• テーブルのフッターに、合計数量、元の価格、割引後の価格、節約額をまとめて表示します。

在庫切れのバリエーションの行は無効になるので、出荷できない商品でパックが埋まることはありません。

設定方法

1. PushBundle を開き、Mix & Match バンドル（Single Product または Multi Product）を作成または編集します。
2. いつもどおり商品を追加し、数量パックや割引段階を設定します。
3. バンドルのレイアウト設定で Template 4 を選びます。
4. ライブプレビューを確認し、バンドルを保存して公開します。

こんなときに最適

テーブルが活きるのは、選択が「発見」よりも「数量」に関するときです。8種類の焙煎から6袋入りボックスを販売するコーヒー焙煎所、フレーバーパックを販売するサプリメントブランド、ペンの詰め合わせを販売する文具店などです。商品が3〜4点で写真が売上を左右するバンドルなら、グリッドのテンプレートのほうが見やすいでしょう。

利用できるプラン

Template 4 は Growth plan（2026年10月時点で月額$14）の Mix & Match バンドルに含まれ、Single Product と Multi Product の両方の Mix & Match バンドルで使えます。

設定ガイド：Mix & Match Single Product バンドルの作り方

PushBundle を開いて、バンドルの1つをテーブルレイアウトに切り替えてみましょう。