商品画像

商品画像があると、顧客が購入しようとしているものを把握しやすくなり、販売の可能性が高まります。 ストア管理者は、各商品バリアント(異なるSKU)に画像をアップロードできます。

単一の画像を追加する

1つの画像を追加するには:

  1. グローバルアプリケーション メニュー → [commerce] → [商品] に移動します。

  2. 商品(この例では ブレーキローター)をクリックします。

  3. Media] サブタブをクリックします。

    商品画像の追加

  4. Add Icon)ボタンをクリックして、商品の画像を追加します。

  5. 画像をドラッグアンドドロップするか、 [ファイルの選択] をクリックして画像をアップロードします。

  6. タイトルを入力します: ブレーキローター

    商品画像の追加

  7. Publish] をクリックします。

新しい商品画像が商品に追加されました。 [オプション] の下に、 「There are no options set as the SKU contributor.」 というメッセージが表示される場合があります。 このメッセージが表示された場合は、商品に関連付けられている他のSKUがなく、追加された画像だけが商品に関連付けられています。 複数の商品画像を商品バリアントに関連付ける方法については、以下のセクションを参照してください。

複数の画像を追加する

複数の商品画像を1つの商品に関連付けることができます。 商品に複数の画像を追加するには、まず以下を確認してください。

商品オプションを作成し、対応するSKUを生成したら、さまざまな商品画像を関連付けることができます。 複数の画像を異なるSKUに追加するには:

  1. グローバルアプリケーション メニュー → [commerce] → [商品] に移動します。

  2. 商品をクリックします(この例では、 ホース)。

    note

    Miniumを使用してストアおよびサンプルデータを作成した場合、この商品はMiniumアクセラレータによって追加されています。

  3. Media] サブタブをクリックします。

    ホース[メディア]タブ

  4. Add icon)ボタンをクリックして、商品の画像を追加します。

  5. 画像をドラッグアンドドロップするか、 [ファイルの選択] をクリックして画像を挿入します。

  6. 既存の画像をクリックします。

  7. Package Quantity] ドロップダウンの下で [6] を選択します。

    画像を追加

  8. 公開] をクリックします。

商品画像がそれぞれの商品オプションで更新されました。 他のすべてのSKU(別のパッケージ数量など)について、必要に応じてこれらの手順を繰り返します。 この例では、異なるパッケージ数量に異なる画像を使用できます。 商品を検索すると、すべての画像が[商品詳細]ウィジェット内に含まれていることがわかります。

[商品の詳細]ウィジェットの画像

Commerce 2.1以前

単一の商品画像を追加する

1つの画像を追加するには:

  1. コントロールパネル] → [commerce] → [商品] に移動します。

  2. 商品(この例では ブレーキローター)をクリックします。

  3. Media] サブタブをクリックします。

    商品画像の追加

  4. Add Icon)ボタンをクリックして、商品の画像を追加します。

  5. 画像をドラッグアンドドロップするか、 [ファイルの選択] をクリックして画像をアップロードします。

  6. タイトルを入力します: ブレーキローター

    商品画像の追加

  7. 公開] をクリックします。

新しい商品画像が商品に追加されました。 [オプション] の下に、「There are no options set as the SKU contributor.」というメッセージが表示される場合があります。 このメッセージが表示された場合は、商品に関連付けられている他のSKUがなく、追加された画像だけが商品に関連付けられています。 複数の商品画像を商品バリアントに関連付ける方法については、以下のセクションを参照してください。

カタログ内の画像を表示するには、ストアサイトに移動し、商品を検索します(マイクロファイバークロス)。

商品を表示

複数の商品画像を追加する

複数の商品画像を1つの商品に関連付けることができます。 商品に複数の画像を追加するには、まず以下を確認してください。

商品オプションを作成し、対応するSKUを生成したら、さまざまな商品画像を関連付けることができます。 複数の画像を異なるSKUに追加するには:

  1. コントロールパネル] → [commerce] → [商品] に移動します。

  2. 商品をクリックします(この例では、 ホース)。

    note

    Miniumを使用してストアおよびサンプルデータを作成した場合、この商品はMiniumアクセラレータによって追加されています。

  3. Media] サブタブをクリックします。

    ホース[メディア]タブ

  4. Add Icon)ボタンをクリックして、商品の画像を追加します。

  5. 画像をドラッグアンドドロップするか、 [ファイルの選択] をクリックして画像を挿入します。

  6. 既存の画像をクリックします。

  7. Package Quantity] ドロップダウンの下で [6] を選択します。

    画像を追加

  8. 公開] をクリックします。

商品画像がそれぞれの商品オプションで更新されました。 他のすべてのSKU(別のパッケージ数量など)について、必要に応じてこれらの手順を繰り返します。 この例では、異なるパッケージ数量に異なる画像を使用できます。 商品を検索すると、すべての画像が[製品詳細]ウィジェット内に含まれていることがわかります。

[商品の詳細]ウィジェットの画像

Commerce 2.0以前

単一の商品画像を追加する

  1. コントロールパネル] → [commerce] → [商品] に移動します。

  2. 商品をクリックします(この例では、 マイクロファイバークロス)。

  3. Images] サブタブをクリックします。

  4. Add Icon)ボタンをクリックして、商品の画像を追加します。

  5. 画像をドラッグアンドドロップするか、 [ファイルの選択] をクリックして画像をアップロードします。

  6. タイトルを入力します(マイクロファイバークロス)。

  7. [priority]を設定します(1.0) 。

    商品画像の追加

  8. 公開] をクリックします。

複数の商品画像を追加する

  1. コントロールパネル] → [commerce] → [商品] に移動します。

  2. 商品をクリックします(この例では、 ホース)。

  3. Images] サブタブをクリックします。

  4. Add Icon)ボタンをクリックして、商品の画像を追加します。

  5. 画像をドラッグアンドドロップするか、 [ファイルの選択] をクリックして画像を挿入します。

  6. 既存の画像をクリックします。

  7. Package Quantity] ドロップダウンの下で [6] を選択します。

    画像を追加

  8. 公開] をクリックします。

関連トピック

画像がアップロードされていない商品、デフォルトのプレースホルダ画像を設定するには、 プロダクトプレースホルダイメージを参照してください。

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy