運用サポート(平日10:00~17:00) 06-6485-6485
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

FTPサーバから商品画像・商品グループ画像・アイテムをアップロード

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

商品画像・商品グループ画像・アイテムはFTPサーバからアップロードして登録できます。

※FTPサーバ情報はフューチャーショップサポートよりご案内いたします。
※FTP専用のサーバとなりますので、いわゆるWebサーバ領域としてはご利用いただけません。

目次

商品画像・商品グループ画像

商品画像の一括アップロード

商品情報が登録されている場合、以下の手順で商品画像を登録できます。
登録されていない商品の画像は登録できません。

商品画像登録用ファイル(CSVファイル)アップロードなしで、商品画像として掲載されます。
商品画像に商品バリエーションを設定する、またはALTテキストを登録する、あるいは商品サムネイル画像や画像並び順を任意に指定するには商品画像登録用ファイル(CSVファイル)をアップロードします。

詳しくは運用メニュー>商品管理>商品データ一括登録をご覧ください。

  • FTPサーバの/upload/image/ディレクトリに商品画像を配置します。
  • 対応ファイル形式は、JPEGのみになります。 PNG・GIFなどはご利用できません。使用可能な商品画像ファイルの最大容量は500KBまでです。
  • 商品画像をZIP形式のファイルにして配置してください。
    ZIPファイル容量は512MBまでです。
    ZIPファイル内にフォルダなどを含めず、画像のみをZIPファイルに圧縮してください。
  • ZIPファイル名はproduct_ + 任意の文字列 + .zip(「product」の後の文字は半角アンダーバーです)としてください。任意の文字列には半角英数、「_(アンダーバー)」、「-(ハイフン)」、「.(ピリオド)」が使用できます。「product.zip」も可能です。
  • アップロードできる7サイズ(オリジナル画像 / XXL / XL / L / M / S / XS)は、画像ファイル名が決まっています。画像ファイル名をご覧ください。

商品画像について詳しくは商品画像設定(コマースクリエイター)をご覧ください。

※アップロード作業前に、アップロードにあたっての注意事項をご確認ください。

画像ファイル名

アップロードできる画像は7サイズです。
画像ファイル名は以下の通りとしてください。

サイズ ファイル名
オリジナル画像 商品URLコード-画像No(01-40).jpg
XXL 商品URLコード-画像No(01-40)-xxl.jpg
XL 商品URLコード-画像No(01-40)-xl.jpg
L 商品URLコード-画像No(01-40)-l.jpg
M 商品URLコード-画像No(01-40)-m.jpg
S 商品URLコード-画像No(01-40)-s.jpg
XS 商品URLコード-画像No(01-40)-xs.jpg

(例)商品URL「gd123」の画像No.01のオリジナル画像は「gd123-01.jpg」、XXLサイズ画像は「gd123-01-xxl.jpg」となります。

画像ホスティングをご利用でない場合は、画像は5点、画像No01-05までとなります。

アップロード画像とリサイズ処理について

FTPサーバの指定ディレクトリへZIPファイルを配置すれば、自動的に取り込み処理が行われます。(定期的な自動処理となります。)
処理状況は運用メニュー>商品管理>商品データ一括登録履歴一覧に表示されます。

必ず、オリジナル画像をアップロードしてください。

※オリジナル画像は、設定>商品・商品グループ>商品ページ設定-商品画像幅設定-商品画像幅設定構築メニュー>ページ設定>商品ページ設定-商品 画像幅設定-画像幅または、該当商品の運用メニュー>商品管理>商品画像設定(コマースクリエイター)-商品 画像幅設定-画像幅の画像幅サイズにあわせて、リサイズ処理されます。
※画像サイズがリサイズしたいサイズより小さい場合は、リサイズ処理せずコピーとなります。

オリジナル画像のみをZIPファイルに保存した場合

オリジナル画像のみアップロードすると、オリジナル画像の画像幅を自動的にリサイズし、さらに各サイズ画像(XXL / XL / L / M / S / XS)をリサイズ処理にて自動生成します。

オリジナル画像と各サイズ画像をZIPファイルに同梱した場合

各サイズ画像をZIPファイルに同梱すると、リサイズ処理をせず、コピーします。

オリジナル画像と一部のサイズ画像をZIPファイルに同梱した場合

オリジナル画像の画像幅を自動的にリサイズ、同梱されたサイズ画像はそのままコピーします。
同梱されていないサイズ画像については、リサイズ処理にて自動生成します。

商品グループ画像の一括アップロード

商品グループ情報が登録されている場合、以下の手順で商品画像を登録できます。
登録されていない商品グループの画像は登録できません。

  • FTPサーバの/upload/image/ディレクトリに商品グループ画像を配置します。
  • 対応ファイル形式は、JPEGのみになります。 PNG・GIFなどはご利用できません。使用可能な商品画像ファイルの最大容量は500KBまでです。
  • 商品グループ画像をZIP形式のファイルにして配置してください。
    ZIPファイル容量は512MBまでです。
    ZIPファイル内にフォルダなどを含めず、画像のみをZIPファイルに圧縮してください。
  • ZIPファイル名はcategory_ + 任意の文字列 + .zip(「category」の後の文字は半角アンダーバーです)としてください。任意の文字列には半角英数、「_(アンダーバー)」、「-(ハイフン)」、「.(ピリオド)」が使用できます。「category.zip」も可能です。
  • 設定>商品・商品グループ>商品一覧ページ設定-商品グループ画像幅設定-商品グループ画像幅設定構築メニュー>ページ設定>商品ページ設定-商品グループ 画像幅設定-商品グループ画像が「リサイズする(あり)」、かつオリジナル画像が商品画像幅設定の「画像サイズと初期設定」商品ページ設定の「商品画像各サイズの使用」の「商品一覧」のサイズ指定より大きい場合は、画像をリサイズ処理にて自動生成します。画像サイズがリサイズしたいサイズより小さい場合は、リサイズせずコピーとなります。
  • 取り込み処理が終了すると、商品グループ画像として掲載されます。商品グループ画像にALTテキストを登録するには、商品グループ一括登録(コマースクリエイター)(CSVファイル)をアップロードします。詳しくは運用メニュー>商品管理>商品データ一括登録をご覧ください。

※アップロード作業前に、アップロードにあたっての注意事項をご確認ください。

画像ファイル名

画像ファイル名は以下の通りとしてください。

サイズ ファイル名
オリジナル画像 商品グループURLコード.jpg

商品画像・商品グループ画像の取得

バックアップなどの用途で、登録されている商品画像・商品グループ画像を取得できます。
商品画像はFTPサーバの/itembox/product/、商品グループ画像は/itembox/category/から取得できます。

FTPサーバのディレクトリ(商品画像・商品グループ画像)

商品画像・商品グループ画像のアップロードディレクトリとURLは以下となります。

ディレクトリ 内容 URL
/upload/image/product_ + 任意の文字列 + .zip 商品画像 https://{店舗key}.itembox.design/product/{商品IDの万千百の位3桁}/{商品ID・12桁表示}/{商品ID・12桁表示}-{画像番号・2桁表示}-{画像サイズ}.jpg
/upload/image/category_ + 任意の文字列 + .zip 商品グループ画像 https://{店舗key}.itembox.design/category/{商品グループIDの万千百の位3桁}/{商品グループID・12桁表示}/{商品グループID・12桁表示}.jpg
リサイズしない場合のファイル名 {商品グループID・12桁表示}-org.jpg

商品IDは商品情報登録時にシステムから自動発番されるIDです。商品グループIDは商品情報登録時にシステムから自動発番されるIDです。

商品IDは、Googleデータフィード登録用ファイル(コマースクリエイター)-【商品番号】カラムに出力されます。
運用メニュー>商品管理>商品データ一括取得にてCSVをダウンロードしてご利用ください。

アイテム(デザイン画像・JavaScriptファイル・CSSファイルなど)のアップロード

コマースクリエイター>アイテムに登録するファイルを、FTPサーバーからアップロード/ダウンロードできます。

  • FTPサーバの/itembox/item/ディレクトリにファイルを配置します。「/itembox/item/」ディレクトリは、コマースクリエイター>アイテムと同期しています。
  • /itembox/item/ディレクトリ配下に直接、またはディレクトリを作成し、その配下にファイルをアップロードできます。
  • アップロードしたファイルは、コマースクリエイター>アイテムに表示されます。
    アイテム名は「(/itembox/item/以下の)ファイルパス」、管理タグは付きません。
  • アップロードしたファイルは、https://{店舗key}.itembox.design/item/ファイルパス(アイテムのパス)のURLで表示できます。
    (例)「/item/sample.png」のURLは、「https://{店舗key}.itembox.design/item/sample.png」となります。
  • 同じディレクトリ、同じファイル名でアップロードすれば、上書きは可能です。
    アイテムにアップロードした画像はキャッシュ機構により一時的に保存されていますので、アイテムをURLにて直接指定して表示した場合、上書きしても、すぐには更新されません。(1分程度)
    パターンパーツ(カルーセル・コラム)の画像表示機能を使用している場合や、フリーパーツやフリーページ本文にて「アイテム置換文字」を使用して表示している場合は、すぐに更新されます。
  • FTPサーバから削除すると、コマースクリエイター>アイテムからも削除されます。
  • ZIPファイルでの一括アップロードはできません。
  • /itembox/item/s//itembox/item/top/は用途が固定された既定のディレクトリ名です。削除しないでください。
  • 管理タグはコマースクリエイター>アイテムから設定できます。一括で設定する方法はありません。
  • ディレクトリ名・ファイル名には、半角英数字と記号「.」「_」「-」「/」を利用できます。

FTPサーバのディレクトリ(アイテム)

初期は下記のようなディレクトリ構成となっています。

ディレクトリ 内容 URL
/itembox/item/fs_starting/ スタートアップテーマのアイテム https://{店舗key}.itembox.design/item/fs_starting/ファイル名
/itembox/item/src/ 商品画像遅延表示に使用するファイル(削除不可・上書き可) https://{店舗key}.itembox.design/item/src/loading.svg
/itembox/item/s/ 静的HTMLファイル
JavaScriptファイル
https://店舗ドメイン/s/ファイル名
/itembox/item/top/ favicon.icoファイル
トップページを静的ファイルで運用する場合に配置
https://店舗ドメイン/

アイテムについて

  • アイテムにアップロードできるファイルの最大容量は、1ファイルあたり30MBです。(管理画面・FTPサーバ共通)
    動画ファイルについては、1ファイルで30MBを超える場合がございます。CMSサーバー(VPS)オプションをご利用いただきCMSサーバーに動画ファイルを配置するか、外部の動画配信サービスをご利用ください。
  • パターンパーツなどで、画像として取り扱うファイル形式はJPEG( jpeg / jpg )、GIF(gif)、PNG(png)、SVG(svg)となります。
  • 登録可能な画像ファイルは縦・横とも9,999ピクセルまでとなります。

アイテムについて詳しくはコマースクリエイター>アイテム一覧をご覧ください。

※FTPサーバはコマースクリエイター>アイテムのファイルを登録・更新・削除する仕組みですので、いわゆるサーバサイドプログラム(PHPやPerlなど)を実行することはできません。必要な場合は「CMSサーバー(VPS)オプション」をご利用ください。

ご注意事項

画像ファイルのURLを直接記載する場合(最新ファイルを読み込ませる記載方法)

CSSなどに画像ファイルのURLを直接記載する場合は、以下のように「タイムスタンプ」を記載してください
「画像を変更したにもかかわらず表示が変わらない(キャッシュをクリアしなくてはならない)」などを防げます。

https://{店舗key}.itembox.design/item/{アイテム一覧で指定したパス}?t=[タイムスタンプ]

タイムスタンプは、「年月日秒」単位まで指定可能です。(秒数はアップロード時以前の秒であれば、おおよそで構いません。)

【例】2020年7月9日5時00分30秒に更新したファイルを読み込ませたい場合
https://{店舗key}.itembox.design/item/sample.jpg?t=20200709050030

※画像を更新した場合は、タイムスタンプも更新してください。

※画像をアップロードする前に画像パスを記述したページを公開した場合にも、キャッシュが発生(画像がない状態をキャッシュ)する場合がありますので、その際には同様にタイムスタンプを記述してください。

アップロードにあたっての注意事項

複数ファイルを続けてアップロードする際、処理エラーとなり、一括登録が停止してしまう場合があります。

運用>商品管理>商品データ一括登録履歴一覧のページを更新し、処理の完了をご確認後、1ファイルずつアップロードしてください。特にファイルサイズが大きい場合などは、1ファイルごとに履歴をご確認ください。

  • 商品情報およびバリエーションなどの情報を登録後に(商品画像を登録する)ZIPファイルをアップロードしてください。
    画像登録処理と同時に、商品やバリエーションを登録することはできません。
  • ZIPファイルの処理中に、対象の商品情報を管理画面で変更・追加されますと、ファイル登録処理に影響がでる場合があります。
    商品情報変更作業をされない時間に、ZIPファイルアップロードを行うことを推奨いたします。
  • リサイズ処理の有無、画像ファイルの容量、混雑状況により処理時間がかかる場合があります。
    余裕を持った作業スケジュールをご計画いただくことをおすすめします。

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター無効 コマースクリエイター有効 コマースクリエイター運用中
コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。