商品画像の読み込み

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

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

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

多数の画像をインポートする前に、使用するインポート方法の手順を確認し、いくつかの製品を使用してプロセスを実行します。 その仕組みを理解したら、大量の画像を確実にインポートできるようになります。

IMPORTANT
メモ帳++などの CSV ファイルを編集するには、UTF-8 エンコーディングをサポートするプログラムを使用することをお勧めします。 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
    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 データで、正しい行に読み込む各画像ファイルの名前を sku で入力し、画像タイプ(base_imagesmall_imagethumbnail_imageadditional_images)に応じて正しい列に入力します。

    note 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 以降、これはデフォルトの import images ベースディレクトリです。

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

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

  1. インポートする画像を外部サーバー上の指定フォルダーにアップロードします。

  2. CSV データで、画像タイプ(base_imagesmall_imagethumbnail_imageadditional_images)に応じて、正しい列に各画像ファイルの完全な URL を入力します。

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

    note 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 以降、これはデフォルトの import images ベースディレクトリです。

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

リモート記憶域モジュールの有効化と管理の詳細については、 構成ガイドリモート記憶域の構成 を参照してください。

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