ここから本文です
掲載日:2020年09月17日

商品ページパーツ:商品基本情報

【ご注意】
本ページで説明の機能は、2021年1月廃止予定です。
お早めに「新ストアデザイン」への切り替えを実施くださいますようお願いいたします。
「新ストアデザイン」に関するご案内 (実施概要、スケジュールのご確認)
「新ストアデザイン」対応のマニュアルよくある質問
「ストアデザイン」と「新ストアデザイン」の新旧パーツ比較一覧

このページでは、商品ページに表示する「商品基本情報」パーツについて説明します。
このパーツは、「商品ページ編集」ページで編集した商品データを表示し、具体的には、商品名や商品画像や価格など、商品の基本的で重要な情報です。
商品画像の大きさやレイアウトが異なる、多彩なタイプが用意されています。

重要
このパーツは表示必須です。取り外しはできません。
動画「ストアデザインの設定」
ストアデザインの設定
お役立ち動画解説
通常モードを利用し、「ストアデザインの設定」を解説した動画をご用意しております。
ぜひご活用ください。

表示例

編集方法

  • 「商品基本情報」パーツ編集フォーム
  • キャプチャ画像615px
1
パターン選択

表示タイプを選択します。

2

パーツ内の各要素の「色」を選択します。

重要
「このモジュールの色を優先する 」にチェックが入っていない場合でも、ここで設定された色が商品ページテンプレートに適用されます。
重要
2017年8月16日(水)「再入荷通知」機能導入に伴い、お客様がご覧になる「在庫表」のデザインが固定となりました(パソコン版、スマートフォン版とも)。パソコン版の「在庫表」のタイトル背景色はグレーの固定です。「在庫表タイトル背景色」「在庫表タイトル文字色」「在庫表枠色」をご指定いただいてもお客様がご覧になるページへ反映されません。ご了承ください。

仕様

タイプ1・3・5・7
  • 商品画像が縦200ピクセル、横200ピクセルで表示されます。
  • 長辺が200ピクセル以上の画像の場合は、縦横比はそのままで、長辺を200ピクセルになるようサイズ調整されます。200ピクセル未満の画像の場合は、そのままの大きさで上下左右に余白が付いて表示されます。
タイプ2・4・6・8・9・11
  • 商品画像が縦300ピクセル、横300ピクセルで表示されます。
  • 長辺が300ピクセル以上の画像の場合は、縦横比はそのままで、長辺を300ピクセルになるようサイズ調整されます。300ピクセル未満の画像の場合は、そのままの大きさで上下左右に余白が付いて表示されます。
タイプ10・12
  • 商品画像が縦400ピクセル、横400ピクセルで表示されます。
  • 長辺が400ピクセル以上の画像の場合は、縦横比はそのままで、長辺を400ピクセルになるようサイズ調整されます。400ピクセル未満の画像の場合は、そのままの大きさで上下左右に余白が付いて表示されます。
タイプ13
  • 商品画像が縦560ピクセル、横560ピクセルで表示されます。
  • 長辺が560ピクセル以上の画像の場合は、縦横比はそのままで、長辺を560ピクセルになるようサイズ調整されます。560ピクセル未満の画像の場合は、そのままの大きさで上下左右に余白が付いて表示されます。
全タイプ共通
  • 「商品基本情報」内の項目は変更できません。

大きい画像を見る

商品画像の下に表示される[大きい画像を見る]ボタンを押すと、画像を拡大表示できます。

  • 「大きい画像を見る」表示例
  • キャプチャ画像308px
  • このウィンドウでの表示は、タイプ1~12の場合すべて同じ表示になります。タイプ13の場合、もともと大きく画像を表示しているため「大きな画像を見る」機能がありません。

  • 縦600ピクセル、横600ピクセルで表示されます。

  • 長辺が600ピクセル以上の画像の場合は、縦横比はそのままで、長辺が600ピクセルになるようサイズ調整されます。600ピクセル未満の画像の場合は、そのままの大きさで上下左右に余白が付いて表示されます。

  • 表示サイズは変更できません。

ストアデザイン

よくある質問 素材集
本文はここまでです このページの先頭へ