Q&A

ショップページの商品画像は管理画面のどこで設定できますか?

商品画像の設定方法

ショップページ内に表示される以下画像は「商品管理」画面にて画像登録します。

  • 商品一覧ページ(https://ドメイン/shop)
  • 商品検索ページ(https://ドメイン/shop/search...)
  • カートページ(https://ドメイン/shop/cart)
  • 商品ページ(https://ドメイン/shop/products)

画像登録先は商品管理の「タブ:基本設定」と「タブ:画像管理」の2つの設定画面があります。
ページごとの設定先画面は以下のとおりです。

タブ:基本設定
  • 商品一覧ページ(https://ドメイン/shop)
  • 商品検索ページ(https://ドメイン/shop/search...)
タブ:画像管理
  • カートページ(https://ドメイン/shop/cart)
  • 商品ページ(https://ドメイン/shop/products)

基本設定」画面

「商品管理 > 商品管理 > 該当商品」の「タブ:基本設定」画面の詳細設定内「商品画像」にて画像を設定すると以下ページに画像が表示されます。

  • 商品一覧ページ(https://ドメイン/shop)
  • 商品検索ページ(https://ドメイン/shop/search...)

「商品画像」に画像を設定します。

基本設定」の画像反映

基本設定」画面にて画像を設定すると、以下のとおりショップの各ページにて表示されます。

商品一覧ページ

ショップのトップページ(https://ドメイン/shop)に表示される「イチオシ商品」や「新着商品」の商品画像

「商品一覧へ」をクリックして表示される商品一覧の画像

商品検索ページ

ショップの検索条件より検索し、表示された商品検索ページの商品画像

画像管理」画面

「商品管理 > 商品管理 > 該当商品」の「タブ:画像管理」画面にて画像を設定すると以下ページに画像が表示されます。

  • カートページ(https://ドメイン/shop/cart)
  • 商品ページ(https://ドメイン/shop/products)

「画像アップロード」の「SKUコード」のプルダウンより画像設定先のSKUを選択の上「ファイルを選択、またはドラッグ&ドロップ」より設定したい画像をアップロードします。

__________2021-06-14_17.37.40.png

画像管理」の画像反映

画像管理」画面にて画像を設定すると、以下のとおりショップの商品ページにて表示されます。

カートページ

ショップページより商品を「カートに追加」したり「カートを見る」をクリックして表示されたカートページ内の商品画像

<補足事項>
複数SKUを持つ商品をカートに追加した場合は、以下の条件順に画像が表示されます。

  1. SKU IDの画像が登録されている場合は「タブ:画像管理(SKU ID)」の画像が優先されて表示されます。
  2. SKU IDの画像が登録されていない場合は、マスターSKUの画像(「タブ:画像管理」内に登録)が表示されます。
  3. マスターSKUの画像が登録されていない場合は「タブ:基本設定」に設定された商品画像が表示されます。
  4. 「タブ:基本設定」に商品画像が登録されていない場合は「No Image / 画像準備中」画像が表示されます。

商品ページ

商品名をクリックし、商品詳細として表示される商品画像
※赤枠内の画像は「画像管理」画面にて表示順の変更が可能です。
※画像にカーソルを合わせると青枠内に表示されます。

この記事の目次 2

このセクションの記事

Q&A