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

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

C
対応者:Craig Wright

Photoroomをストアに連携すると、「商品」画面が表示されます。ここから、以下の操作が可能です:

  • 商品の追加

  • 商品カタログエディタまたはメインエディタで商品画像を編集する

  • ストアへの更新を公開する

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


商品

商品」画面には、ストアのすべての商品がグリッド形式で表示されます。各商品には、その商品のメイン画像が表示されます。

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

Products screen in the Product Catalog. It shows all of the products in your store.


商品カタログエディタ

グリッドから商品を選択して、商品カタログエディタを開きます。ここでは、特定の商品の画像を編集します。デフォルトでは、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サイドバーの表示/非表示を切り替えます。

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


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

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

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

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

  2. 編集」を選択します

Individual image being edited in the main Photoroom editor.


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


次の手順

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


関連記事

主なワークフロー:

編集:

AIツール:

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

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

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