カテゴリ別イメージの登録

設定画面：ショップデザイン / カテゴリ別イメージの登録

ショップのカテゴリページに登録した画像を表示することができます。

カテゴリ別イメージの登録/修正

• カテゴリ
  「イメージを登録するカテゴリを選択してください」のプルダウンから、イメージを登録するカテゴリを選択します。
  選択できるのは第1階層のカテゴリのみです。「すべての商品」カテゴリも選択できます。

  下階層カテゴリ（第2～第5階層）ごとの設定はできません。下階層カテゴリには第1階層のイメージが反映されます。 カテゴリを選択するまで、イメージは登録できません。

• イメージ登録
  アップロードしたい画像ファイルを指定します。
  登録できる画像は、1カテゴリにつき1枚です。
  ・ファイルサイズは2MB以内で作成してください。（専用サーバをご利用の場合は100MB以内）
  ・画像の幅・高さは、どちらも4000px以内で作成してください。
  ・PNG、JPG、GIF、WebP形式が登録可能です。
  ・イメージ幅の推奨値は下記をご参照ください。（高さはお好みでご設定ください）

  ファイルの中身で形式を判定するため、拡張子だけが実際の形式と異なるファイル（例：.jfif）は登録できない場合があります。 その場合は、画像編集ソフトなどでPNG・JPG・GIF・WebP形式に保存し直してからご登録ください。

• 画面下部の「更新」ボタンをクリックします。
• 確認ダイアログで「更新」をクリックすると、設定が保存されます。

イメージの差し替え・削除

登録済みイメージ右上部の「3点リーダー」から操作します。

• 画像を差し替え
  登録済みのイメージを、別の画像に差し替えます。
• 画像を削除
  登録済みのイメージを削除します。

どちらの場合も、操作後に画面下部の「更新」ボタンをクリックし、確認ダイアログで「更新」をクリックすると確定します。

デザインについて

• クリエイターモード

下記をHTMLに記述してカテゴリ別のイメージを表示できます。

下記より設定してください。
設定画面：ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品カテゴリー

• 旧デザインモード：ベーシックモード（PC）

下記の変数タグを使用してカテゴリ別のイメージを表示できます。

［CATEGORY_IMAGE］…カテゴリ別イメージを表示します。
［CATEGORY_IMAGE_URL］…カテゴリ別イメージのファイルパスを出力します。

下記より設定してください。
設定画面：ショップデザイン / テンプレート選択・編集 / ベーシックモード / 内部ページ編集Ⅰ / 商品分類ページ管理

• ベーシックモード（スマホ）

下記の変数タグを使用してカテゴリ別のイメージを表示できます。

<img src="<{$category.image_url}>"> …カテゴリ別イメージを表示します。

下記より設定してください。
設定画面：ショップデザイン / テンプレート選択・編集 / ベーシックモード / スマホデザインの設定 / 商品カテゴリ/検索結果ページ編集

スマホテンプレート初期値では、スマートフォン幅100％で表示されます。画像サイズが小さい場合は、画面中央に表示されます。

表示例

クリエイターモード

運営ノウハウ集

• クリエイターモードで『カテゴリページ』を"カテゴリ別にデザイン"したい
• 売れるECサイト作りの為の商品一覧ページ