製品ページで人気のアップグレード (製品バンドル) を設定する方法

この方法では、すべての商品ページに同じバンドル商品が適用されます。

• 「製品」フィールドの下にある「選択」ボタンをクリックします。

  

• 製品選択メニューが表示されます。バンドルの一部として提供したい関連製品を複数選択します

  

• この方法で選択された製品は、ストア全体のすべての製品にグローバルに適用されます。

💡注:この方法は、すべての商品ページにアップセル商品の固定セットが必要な場合に便利ですが、個々の商品ごとに動的な商品バンドルを行うことはできません。

ストア全体で同じ製品を使用するという制限を克服するには、メタフィールドを使用して、製品ページごとに一意の製品リストをリンクします。

• 製品を手動で選択する代わりに、メタフィールドを使用して、各製品のバンドル製品を個別に動的に表示できます。

• [選択]ボタンの横にあるデータベース アイコンをクリックして、メタフィールド選択メニューを開きます。

  

• リストから目的の製品メタフィールドを選択します。
• メタフィールドが設定されていない場合は、最初にメタフィールドを作成する必要があります。以下の指示に従ってください。

バンドル製品のメタフィールドの設定

1. [Shopify 管理者] > [設定] > [カスタムデータ] > [製品]に移動します。

   

2. [定義の追加] をクリックします。

3. メタフィールドの名前を設定します (例: 「人気のアップグレード」または「バンドル製品」)。

   

4. ネームスペースとキーの設定は必須ですが、値は特定の形式に従う必要はありません。一般的な値は、 custom.popular_upgradesです。
5. [タイプ]で[製品]を選択します。
6. 製品タイプを[製品リスト]に変更します。

7. メタフィールド定義を保存します。

8. 管理画面で製品に移動し、 「メタフィールド」セクションに移動します。 [人気のあるアップグレード]フィールドが表示されるはずです。それをクリックし、 [製品の選択]をクリックして必要な製品を選択します。

   

9. これにより、Shopify 製品データの割り当てられたメタフィールドからバンドル製品が自動的に取得されます。各製品には固有の製品バンドルを含めることができるため、グローバルな方法と比較してより高度なカスタマイズが可能になります。

   

これは最も高度な方法であり、顧客がバリアントを切り替えるときに動的に変更されるバリアント固有のバンドル製品を有効にします。メタフィールド設定フィールドを介して製品バリアントのリストを指定できます。

💡注:メタフィールドフィールドが製品バンドルブロックに設定されている場合、この方法が選択されていることを意味し、他のすべての方法よりも優先されます。

なぜこの方法を使用するのでしょうか?

• 最初の 2 つの方法とは異なり、この方法ではバリアント固有のバンドル製品が有効になります。

• 主な製品に複数のバリエーションがある場合 (たとえば、黒、緑、栗などの異なる色のスピーカー)、ユーザーがバリエーションを切り替えると、それに応じて「人気のアップグレード」セクションが変更されます。

  

• たとえば、色を黒から緑に切り替えると、アクセサリ (カバーなど) が対応する緑のバリエーションに更新されます。

バリアントレベルのメタフィールドを設定する方法

バリアント固有のバンドル商品を適切に設定するには、管理画面でバリアントレベルのメタフィールドを作成する必要があります。次の手順に従います。

1. バリアント固有のメタフィールドを作成します。

   • Shopify 管理者 > 設定 > カスタムデータ > バリアントに移動します。

     

   • [定義の追加] をクリックします。

   • 名前を設定します (例: 「製品バンドル」)。

     

   • 名前空間とキーを設定します (任意の値を指定できますが、 Product Bundleブロックの設定に正確な値を入力する必要があります)。たとえば、スクリーンショットに示すように、 custom.product_bundle名前空間とキーとして使用できます。
   • [タイプ]で[製品バリアント]を選択します。

   • [製品バリエーションのリスト] (単一の製品バリエーションではありません) を選択します。

     💡注:あるいは、 Product を製品のリストとともに使用することもできます (2 番目のメソッドのメタフィールド タイプと同様)。これもサポートされています。この場合、製品バンドルブロックには、最初のバリアント名が含まれた製品が表示されます。たとえば、 Coverの最初のバリアントがRedの場合、 Cover (Red)としてリストされます。

   • メタフィールド定義を保存します。

2. メタフィールドをバリアントに割り当てます。

   • [Shopify 管理者] > [製品]に移動します。
   • 複数のバリエーションがある製品を選択してください。
   • 各バリアントを開き、 「メタフィールド」セクションまで下にスクロールして、 「製品バンドル」フィールドをクリックします。

   • [バリアントの選択] をクリックして、適切なバリアントを選択します。たとえば、デモのSoundrollという製品で、バンドルをバリアントGreenに設定してみましょう。

     

     ここでは、スピーカーの緑色のカバーを選択します。

     

   • ここで複数のバリエーションを選択できます。たとえば、デモのように、スピーカーのオーディオ ケーブルと充電ケーブルを選択できます。
   • 他のバリアントに対しても同じことを行い、製品を保存します。

3. Bundle Product ブロックのメタフィールドを接続します。

   • バンドル製品ブロックに戻ります。

   • 「メタフィールド」フィールドに、作成した正確な名前空間とキー (例: custom.product_bundle ) を入力します。

     

   • 変更を保存します。

顧客が別のバリアントを選択すると、選択したバリアントに関連付けられたバンドル製品に一致するように「人気のアップグレード」セクションが動的に更新されるようになりました。