# ショップによる商品画像の一括更新

ショップの管理者は管理画面から商品画像をアップロードし、CSVファイルをインポートすることにより商品画像を一括更新できます。

***

### 商品画像のアップロード

ショップ向け管理画面から、一括更新に使用する商品画像をアップロードします。

{% @supademo/embed demoId="cm3w9z7ff1v7g3vuklqo9rv5q" url="<https://app.supademo.com/demo/cm3w9z7ff1v7g3vuklqo9rv5q>" %}

{% hint style="warning" %}
エクスポート用画像とインポート用画像を分けて管理するために、インポート用画像をアップロードするためのフォルダを新規作成することをおすすめします。
{% endhint %}

***

## CSVファイルの作成

<figure><img src="https://41096298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK7QYyHt2kqHHD8GYgJrQ%2Fuploads%2F4KIQzDAu2u4vG1aLW0U1%2Fimage.png?alt=media&#x26;token=39a1c7d8-fc73-46bf-b45a-4c8c82c12a11" alt=""><figcaption></figcaption></figure>

以下のフォーマットでCSVファイルを作成します。

<table><thead><tr><th width="240">項目名</th><th>説明</th></tr></thead><tbody><tr><td>Product code</td><td>商品コード</td></tr><tr><td>Pair type</td><td>画像タイプ :<br><strong>M : メイン画像</strong><br><strong>A : 追加画像</strong></td></tr><tr><td>Thumbnail</td><td>サムネイル画像が保管されているサーバーのパス<br>※ サムネイルは自動で生成されるので通常は指定不要</td></tr><tr><td>Detailed image</td><td>商品画像が保管されているサーバーのパス<br>例 : <em><strong>exim/import/sample.png</strong></em> のように記述</td></tr></tbody></table>

{% hint style="warning" %}
**事前に商品コードの登録が必要です**

商品画像更新用CSVをインポートする前に、更新対象の商品に**商品コード**が設定されている必要があります。
{% endhint %}

<figure><img src="https://41096298-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK7QYyHt2kqHHD8GYgJrQ%2Fuploads%2FuX1yBPSFIA5UB6vEHctP%2Fimage.png?alt=media&#x26;token=3c4d4c7b-8ee1-4596-b571-2b4632a896b7" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
***Detailed image に ディレクトリ名を含めない場合***

Detailed images カラムにディレクトリ（フォルダ）名を含めず、sample.jpg のようにファイル名のみを記述した場合、CSVファイルをインポートする際に指定する「画像用ディレクトリ」に指定したディレクトリに画像を保存されているものと見なしてインポートが行われます。
{% endhint %}

***

### CSVファイルのインポート

管理画面からCSVファイルをインポートすると、商品画像が一括更新されます。

{% @supademo/embed demoId="cm3wc15bp1vc13vukbfoaeg72" url="<https://app.supademo.com/demo/cm3wc15bp1vc13vukbfoaeg72>" %}