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

製品カタログのUI(Webアプリ)クイックガイド

C
対応者:Craig Wright

この記事では、Shopifyの画像や商品リストを管理するために使用する画面の概要を説明します。


商品カタログ

PhotoroomをShopifyに連携させると、「商品カタログ」画面が表示されます。ここは、Shopifyストアにあるすべての商品を確認できる中心的な画面です。

注:サイドバーの「Shopify商品」オプションからも「商品カタログ」にアクセスできます。

デフォルトでは、「商品カタログ」にはストア内のすべての商品がグリッド形式で表示されます。必要に応じて、リスト表示に切り替えることも可能です。各商品について、Photoroomはメイン画像を表示します。

商品カタログ」画面では、以下の操作が可能です:


商品カタログエディタ

グリッドから商品を選択すると、商品カタログエディタが開きます。ここでは、特定の商品の画像を編集できます。デフォルトでは、Shopifyのサイドバーが表示されます。

Product Catalog Editor shows the Shopify sidebar. It has a list of settings for quickly creating and publishing to Shopify.


Shopifyサイドバー

Shopifyサイドバーは、Shopifyへの商品リストの作成と公開を支援します。

各セクションに沿って作業を進めることで、画像、商品情報、SEOメタデータを含む完全な商品リストを作成できます。

  • 商品リストのスコア
    商品リストの完成度を示します。提案された項目を完了させることで、スコアが向上します。

  • AIショットリスト
    おすすめの商品画像(例:正面、背面、側面、モデル)を生成します。

  • タイトルと説明文
    商品のタイトルや説明文を作成、編集、または生成します。

  • SEOおよびメタデータ
    商品画像のSEO対策に最適なファイル名や代替テキストを作成、編集、または生成します。

  • バリエーション
    商品のバリエーション(色やサイズなど)用の画像を追加します。

また、「商品カタログエディタ」のツールを使用して、商品画像を編集することもできます。


商品カタログエディタの機能

「商品カタログエディタ」の左側には、商品画像を編集するためのツールがあります。

画像を選択し、編集機能を選択してください。

Product Catalog Editor. The editing features are highlighted on the left side.

編集機能には以下のものがあります:

  • テンプレート
    商品画像にテンプレートを適用します。

  • サイズ変更
    画像のサイズとアスペクト比を変更します。

  • 配置
    余白と配置を変更します。

  • 背景
    背景を削除するか、色、画像、またはAI生成の背景に置き換えます。

  • AIによる影
    AI生成の影効果を適用します。

  • AIツール
    「バーチャルモデル」、「リカラー」、「ゴーストマネキン」などのツールを使用します。

  • AIショットリスト
    スタジオ風の商品画像を生成します(Shopifyのサイドバーにある機能と同じです)。

  • 画像の追加
    新しい画像をアップロード、既存のデザインを使用、またはAI画像を生成します。

  • Shopify
    Shopifyサイドバーの表示/非表示を切り替えます。

注:使用状況」セクションには、SpaceにおけるAI画像の利用状況、AI動画の利用状況、および一括エクスポートの利用状況が表示されます。


メインエディタでの商品画像の編集

メインのPhotoroomエディタでも商品画像を編集できます。これにより、レイヤー、テキスト、グラフィック、明るさの調整など、商品カタログエディタでは利用できない追加ツールを利用できます。

メインエディタで画像を開くには:

  1. 画像のコンテキストメニュー()を選択します

  2. 編集」を選択します

Individual image being edited in the main Photoroom editor.


編集後、変更内容を他の商品画像に適用するかどうかを選択できます(「最近の編集をすべてに適用」の仕組みについてはこちらをご覧ください)。


次の手順

​商品カタログの構造が理解できたので、商品リストの作成や編集を開始できます。


関連記事

主なワークフロー:

編集:

AIツール:

  • AIツールを使用して商品カタログ画像を編集する(Webアプリ)

  • AIショットリストを使用して商品カタログ画像を生成する(Webアプリ)

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