カテゴリー: 03.デザインマニュアル

ECサイトデザインの組み込み方3

購入ボタンの記述について

Google Chrome バージョン75以降において、ショップの購入ボタンクリック時にアラートが表示される事象（Chromeのバグ）が確認されています。（バージョン79では修正された模様）
これを回避するためにデザインテンプレートでボタンの記述を変更してください。

従来の記述
<button id="sub" onclick="submit();">入力した内容を確認する</button>
新しい記述↓
<button id="sub" type="submit">入力した内容を確認する</button>

自動生成される商品画像のディレクトリとサイズ

  1. ディレクトリ：/item_main_image/
    （PC・スマホの商品詳細でメイン画像に使用されるものです）
    この画面での表示サイズ：幅350ピクセル
    実際の画像サイズ：幅640ピクセル
  2. ディレクトリ：/item_main_m_image/
    この画面での表示サイズ：幅240ピクセル
  3. ディレクトリ：/item_sum_xl_image/
    この画面での表示サイズ：幅160×高さ140ピクセル
  4. ディレクトリ：/item_sum_l_image/
    この画面での表示サイズ：幅150ピクセル
  5. ディレクトリ：/item_sum_m_image/
    この画面での表示サイズ：幅70×高さ68ピクセル
    実際の画像サイズ：幅72×高さ70ピクセル
  6. ディレクトリ：/item_sum_s_image/
    この画面での表示サイズ：幅55ピクセル
  7. ディレクトリ：/item_sale_image/
    この画面での表示サイズ：幅300×高さ250ピクセル

※上記ピクセルサイズは最大値です。