メタフィールド経由で 1 つのオプションに関連付けられた複数の画像をセットアップする

Shopifyでは、商品オプションに画像を追加して、顧客にそれぞれの選択肢のイメージを示すことができます。ただし、Shopifyの構造上、オプションごとにリンクできる画像は1つだけです。

では、質問は、複数の画像を 1 つのバリエーション (色やサイズなどのオプションの組み合わせ) に関連付けるにはどうすればよいかということです。答えはConceptにあります。そこでは、メタフィールドを使用して 1 つのバリエーションに特定の画像を指定できます。

💡注:この機能はConcept v4.1.0以降でのみご利用いただけます。古いバージョンのテーマをご利用の場合は、まずテーマを更新する必要があるかもしれません。


この機能を設定するには、次の 2 つの主な手順に従います。

1. バリアント用のメタフィールド「ギャングメディア」を作成する
  1. 管理ダッシュボード>設定>カスタム データ>バリアント>定義の追加

  2. これらをクリックすると、バリアント メタフィールド定義の追加ウィンドウが表示されます。

    関数が正しく動作するには、以下の指示通りに入力する必要があります。

    • 名前- Gang media
    • 名前空間とキー- theme.gang_media

    • タイプを選択>ファイルタイプを選択し、リストエントリを選択

    この手順を設定すると、次の設定でメタフィールド製品アイコンが表示されます。

2. 商品のバリエーションにメタフィールド「ギャングメディア」を設定する
  1. 管理ダッシュボード>製品>希望の製品を選択します

    この例では、「Flow Harmony」製品を使用します。

  2. 「商品設定」で、下にスクロールして「バリエーション」を選択します。「Flow Harmony」のゴールドトーンバリエーションの場合は、 [ゴールドトーン]をクリックして、このオプションに複数の画像を設定します。

  3. メタフィールドまで下にスクロールし、ギャングメディアの下のファイルを選択を選択します。

    注記:

    • [ファイルを選択]をクリックすると、すべての画像ファイルが表示されます。

    • これは製品のメディアライブラリを選択した場合にのみ機能します。この場合、「Flow Harmony」メディアライブラリを指します。

    • 「Flow Hamony」メディアをフィルタリングするには、次の手順に従ってください。

  4. 製品を選択 > Flow Harmonyと入力> Flow Harmony 製品を正確に選択します。

    すると、Flow Harmony メディアのみが表示されます。

  5. ご希望の画像を選択してください。 「完了」「保存」をクリックして、このバリアントの設定を完了してください。

    この製品の残りのバリアントに対して手順 2 を繰り返します。

これらの設定が完了すると、追加のセクション設定を必要とせずに機能が自動的に動作するようになります。


さらにサポートが必要な場合

Concept テーマに関して問題が発生した場合や追加のサポートが必要な場合は、8 時間以内にチケット システムからサポート担当者にご連絡ください。

下記の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。