メインコンテンツにスキップ

Shopifyのバリエーションに画像を設定する(Webアプリ)

C
対応者:Craig Wright

Shopifyで商品のバリエーションが設定されている場合、Photoroomで各バリエーションに特定の画像を割り当てることができます。たとえば、各カラーバリエーションに独自の画像を設定することができます。

Variants in Photoroom. There are red and tan color variants and a red bag and tan bag image have been added to them.

重要:Photoroomで画像を割り当てる前に、Shopifyでバリエーションを作成しておく必要があります。Photoroomではバリエーションを作成することはできません。


手順(Webアプリ)

バリエーションに画像を関連付けるには:

注:この記事では、すでにPhotoroomをShopifyストアに連携済みであることを前提としています。

  1. Shopifyのサイドバーで「バリエーション」を選択します。

    サイドバーが表示されていない場合は、「Shopify」を選択して開いてください。

    注:手順3~6は、Shopifyで選択した商品のバリエーションをまだ作成していない場合にのみ適用されます。

  2. Shopifyで「バリエーションを作成」を選択します。

    別のタブでShopify管理画面が開きます。必要に応じてShopifyにログインしてください。

  3. 商品のバリエーションを作成します。たとえば、利用可能な色ごとにバリエーションを作成することができます。

    バリエーションの作成方法については、Shopify公式ドキュメントの「バリエーションの追加」を参照してください。必ずバリエーションを保存してください

  4. Photoroomタブを更新し、Shopifyから最新の情報を取得してください。

  5. Shopifyのサイドバーで「バリエーション」を選択します。

    これで、Shopifyで作成した各バリエーションに対応する画像ボックスが表示されるはずです。バリエーションが表示されない場合は、Shopify管理画面に戻り、バリエーションが正しく設定され、保存されていることを確認してください。その後、Photoroomタブを再度更新してください。

  6. バリアントの横にある画像アイコンを選択します。

  7. そのバリエーション用の画像を選択します。以下の操作が可能です:

    • 商品の「アセット」に新しい画像をアップロードする

    • 既存のアセットから画像を選択する

    • Space内のデザインから1つを選択

    • AIツールを使用してバリエーション画像を生成する

  8. 既存の画像またはデザインを選択した場合は、「リストに追加 」を選択します。

  9. 各バリエーションについて、手順7~9を繰り返します。

  10. バリエーション」の横にある戻る矢印を選択して、Shopifyの設定画面に戻ります。

注:Photoroomは、バリエーション画像のSEOファイル名と代替テキストを自動的に生成します。これらを編集するには、Shopifyサイドバーの「SEOとメタデータ」を選択してください。手動で編集することも、「生成」オプションを使用することもできます。詳しくは、「商品カタログ画像のSEOとメタデータの編集(Webアプリ)」をご覧ください。


トラブルシューティング

Photoroomにバリエーションが表示されない場合:

  • Shopifyでバリエーションを作成し、保存したことを確認してください。

  • Photoroomが表示されているブラウザのタブを更新してください。

  • Shopifyに「バリエーションを作成」が表示されている場合は、それを選択し、Shopifyでバリエーションを作成してください。


関連コンテンツ



​AIツール:


こちらの回答で解決しましたか?