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

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でバリアントを作成することはできません。


ステップ(ウェブアプリ)

画像をバリアントに関連付ける

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

  1. Shopifyサイドバーでバリアントを選択します。

    サイドバーが表示されない場合は、Shopifyを選択して開きます。

    注意:ステップ3-6は、Shopifyで選択した商品のバリアントをまだ作成していない場合のみ適用されます。

  2. Shopifyでバリアントを作成を選択します。

    Shopify の管理コンソールが別のタブで開きます。必要であれば、Shopify にログインします。

  3. 商品のバリアントを作成します。例えば、色ごとにバリアントを作成することができます。

    バリアントの作成方法については、Shopify公式ドキュメントのバリアントの追加をご覧ください。バリアントを保存してください。

  4. Shopifyから最新の情報を取得するために、Photoroomタブを更新します。

  5. Shopifyのサイドバーでバリアントを選択します。

    これで、Shopify で作成した各バリアントの画像ボックスが表示されるはずです。もしバリアントが表示されない場合は、Shopifyの管理コンソールに戻り、バリアントが適切に保存されていることを確認してください。Photoroom タブをもう一度更新してください。

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

  7. バリアントの画像を選択します。できます:

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

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

    • スペースでデザインを選択

    • AIツールを使ってバリアント画像を生成する

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

  9. 各バリアントについてステップ 7-9 を繰り返します。

  10. バリアントの横にある戻る矢印を選択し、Shopifyの設定に戻ります。

  11. 完了したら、Shopifyに変更を公開します。

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


トラブルシューティング

Photoroomにバリアントが表示されない場合:

  • Shopifyで作成し、保存したことを確認してください。

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

  • Shopifyでバリアントを作成が表示されたら、それを選択し、Shopifyでバリアントを作成します。


関連コンテンツ



AIツール:


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