製品画像の読み込み

Adobe CommerceやMagento Open Sourceに読み込んだり、特定の商品に関連付けたりして、各タイプの複数の商品画像を使用できます。 各商品画像のパスとファイル名をCSV ファイルに入力し、インポートする画像ファイルをCommerce サーバーまたは外部サーバーの対応するパスにアップロードします。

Commerceでは、アルファベット順に配置された商品画像用の独自のディレクトリ構造を作成します。 既存の画像を含む製品データをCSV ファイルに書き出すと、各画像のファイル名の前にアルファベット順のパスが表示されます。 ただし、新しい画像を読み込む場合は、Commerceがディレクトリ構造を自動的に管理するため、パスを指定する必要はありません。 ただし、読み込む各画像のファイル名の前に、読み込みディレクトリへの相対パスを必ず入力してください。

画像をアップロードするには、ログイン資格情報と、サーバー上のCommerce フォルダーにアクセスするための正しい権限が必要です。 正しい資格情報を使用すると、任意のSFTP ユーティリティを使用して、デスクトップコンピューターからサーバーにファイルをアップロードできます。

多くの画像を読み込む前に、使用する読み込み方法の手順を確認し、いくつかの製品を含むプロセスを実行します。 仕組みを理解すれば、大量の画像を自信を持ってインポートできるようになります。

IMPORTANT
UTF-8 エンコーディングをサポートするプログラムを使用して、メモ帳++などのCSV ファイルを編集することをお勧めします。 Microsoft® Excelは、CSV ファイルの列ヘッダーに追加の文字を挿入します。これにより、データがCommerceにインポートされるのを防ぐことができます。

方法1:ローカルサーバーから画像を読み込む

  1. Commerce サーバーで、画像ファイルをvar/import/images フォルダーまたはvar/import/images/product_imagesなどのサブフォルダーにアップロードします。 これは、製品画像を読み込むためのデフォルトのルートフォルダーです。

    code language-none
    <Magento root folder>/var/import/images
    
    note
    NOTE
    Adobe CommerceとMagento Open Source 2.3.2 リリース以降、Images File Directory​で指定されたパスは、images ベースディレクトリ <Magento-root-folder>/var/import/imagesへのインポート用に連結されます。 以前のAdobe CommerceおよびMagento Open Source リリースでは、インポートプロセス中にフォルダーへのパスが指定されている限り、Commerce サーバー上で別のフォルダーを使用できます。
  2. CSV データで、読み込む各画像ファイルの名前を、画像タイプ (base_imagesmall_imagethumbnail_image、またはadditional_images)に従って、正しい行(sku)に入力します。

    note
    NOTE
    デフォルトの読み込みフォルダー(var/import/images)内の画像の場合、CSV データにファイル名の前のパスを含めないでください。

    CSV ファイルには、sku列と関連する画像列のみを含める必要があります。

    例 – CSV画像データの読み込み {width="600" modal="regular"}

  3. データを​ インポート ​する手順に従います。

  4. 読み込むファイルを選択したら、Images File Directory​の後に相対パスを入力します。

    code language-none
    var/import/images
    

    ​ データ読み込み画像ファイル ディレクトリ ​ {width="600" modal="regular"}

    note tip
    TIP
    <Magento-root-folder>/var/import/images ディレクトリを使用するには、Images File Directory​を空白のままにします。 Adobe CommerceおよびMagento Open Source バージョン 2.3.2以降では、これはデフォルトの読み込み画像ベースディレクトリです。

    1つのskuに複数の画像を読み込む場合は、画像をadditional_imagesという名前の列に挿入します(まだ追加されていない場合は列を追加します)。コンマで区切ります。 例:image02.jpg,image03.jpg

方法2:外部サーバーから画像をインポートする

  1. 読み込む画像を外部サーバーの指定フォルダーにアップロードします。

  2. CSV データで、各画像ファイルの完全なURLを、画像タイプ (base_imagesmall_imagethumbnail_image、またはadditional_images)別の適切な列に入力します。

    code language-none
    https://example.com/images/image.jpg
    
  3. データを​ インポート ​する手順に従います。

方法3:リモートストレージを使用して画像を読み込む

  1. リモート ストレージ モジュールで、画像ファイルをvar/import/images フォルダーまたはvar/import/images/product_imagesなどのサブフォルダーにアップロードします。 これは、製品画像を読み込むためのデフォルトのルートフォルダーです。

    code language-bash
    <remote-storage-root-folder>/var/import/images
    
    note
    NOTE
    Adobe CommerceとMagento Open Source 2.3.2 リリース以降、Images File Directory​で指定されたパスは、画像の基本ディレクトリ <remote-storage-root-folder>/var/import/imagesに読み込むために連結されます。 以前のAdobe CommerceおよびMagento Open Source リリースでは、インポートプロセス中にフォルダーへのパスが指定されている限り、Commerce サーバー上で別のフォルダーを使用できます。
  2. CSV データで、読み込む各画像ファイルの名前を、画像タイプ (base_imagesmall_imagethumbnail_image、またはadditional_images)に従って、正しい行(sku)に入力します。

    note
    NOTE
    デフォルトの読み込みフォルダー(var/import/images)内の画像の場合、CSV データにファイル名の前のパスを含めないでください。

    CSV ファイルには、sku列と関連する画像列のみを含める必要があります。

    例 – CSV画像データの読み込み {width="600" modal="regular"}

  3. データを​ インポート ​する手順に従います。

  4. 読み込むファイルを選択したら、Images File Directory​の後に相対パスを入力します。

    code language-none
    var/import/images/product_images
    
    note tip
    TIP
    <Magento-root-folder>/var/import/images ディレクトリを使用するには、Images File Directory​を空白のままにします。 Adobe CommerceおよびMagento Open Source バージョン 2.3.2以降では、これはデフォルトの読み込み画像ベースディレクトリです。

    1つのskuに複数の画像を読み込む場合は、additional_imagesという名前の列に画像を挿入します(まだ追加されていない場合は列を追加します)。コンマで区切ります:image02.jpg,image03.jpg

リモートストレージモジュールの有効化と管理について詳しくは、設定ガイド​の​ リモートストレージの設定を参照してください。

NOTE
製品画像を読み込むと、画像のサイズ変更が開始されません。 製品画像はフロントエンドでpub/get.phpによってサイズ変更されます。 pub/get.phpが正しく動作していることを確認してください。それ以外の場合は、画像のサイズが変更されない可能性があります。
recommendation-more-help
commerce-admin-help-systems