マイページ、新規会員登録画面、IDを忘れた方はコチラ画面、パスワードを忘れた方はコチラ画面、特定商取引法に関する表示画面（※1）、送料について画面（※1）、会員規約画面（※1）、個人情報保護方針画面（※1）、検索結果画面（※2）、お問い合わせ画面、お知らせメール送信認証後画面、お知らせメール受信拒否URLを開いた画面、レビュー投稿画面、レビュー一覧画面（※2）に反映されます。
（※1）ページ自動生成では、購入手続き画面中に表示されるリンク先のみ適用されます。
（※2）ページ自動生成では、コチラの設定が反映されません。
ショップロゴ画像の設定
ショップロゴ画像は、オリジナル画像を用意する必要があります。なお、画像を指定しない場合や、ビジネスプラン・エキスパートプランでカゴヘッダー出力設定を利用して、CMSデザインを引き継ぐ場合には不要な作業です。
- ファイル形式
- jpg/jpeg、gif、png
- 画素数
- 10000ピクセル四方以下
- ファイル容量
- 500KB以下
- 表示形式
- 左右中央揃えで表示され、横幅を上回る箇所は非表示となります。
１．デザイン＞3ステップカート画面をクリックします。
２．ショップロゴ画像の「画像ライブラリ起動」ボタンをクリックします。
→画像ライブラリ（分類が「ショップロゴ」となっている画像のみ）が表示されます。
利用する画像が既に画像ライブラリにて表示されている場合には、手順４へ。
ショップロゴ指定箇所からの画像ライブラリ起動では、［ショップロゴ」分類の画像しか表示されませんが、コンテンツ＞画像ライブラリでは全分類の画像が表示されます。
３．「画像アップロード」タブをクリックし、画像ファイルをドロップまたは「ファイルを選択してください」のボタンから画像をアップロードを行います。
４．画像一覧タブに戻ると、アップロードした画像が画像ライブラリ内に登録されていますので利用する画像の「挿入」ボタンをクリックします。
→画像ライブラリが閉じて、ショップロゴ画像指定箇所に画像が表示されます。
デザイン設定
１．デザイン＞3ステップカート画面をクリックし、デザイン設定にて各項目を入力します。
| デザインパターン | 予め用意しているデザイン組み合わせが23パターンあります。パターンはこちら パターンを指定すると以下に続く（１）～（１２）の項目に値が挿入されます。 |
| （１）ステップ画像 | STEP1～STEP4にて表示されるステップ画像を指定します。 |
| （２）ページ背景色 | ページ背景色を指定します。 |
| （３）注意書き文字色 | 注意書き文字色を指定ます。 注意書き文字色が反映される箇所は以下の3箇所になります。 |
| （４）文字サイズ | 文字サイズを指定します。 |
| （５）本体幅 | 本体幅を指定します。 |
| （６）本体位置 | 本体位置を指定します。 |
| （７）本体色 | 本体色を指定します。 |
| （８）本体文字色 | 本体文字色を指定します。 |
| （９）表枠線 | 表枠線を指定します。 |
| （１０）表見出し背景色 | 表見出し背景食を指定します。 |
| （１１）表見出し文字色 | 表見出し文字色を指定します。 |
| （１２）表内文字色 | 表内文字色を指定します。 |
| （１３）STEP0 購入内容表示名 |
STEP0画面の購入内容表示名を指定します。
買い物カゴの中身 |
| （１４）STEP1 購入内容表示名 |
STEP1画面の購入内容表示名を指定します。
購入明細 |
| （１５）STEP1 購入者情報表示名 |
STEP1画面の購入者情報表示名を指定します。
購入者情報 |
| （１６）STEP2 購入内容表示名 |
STEP2画面の購入内容表示名を指定します。
「買い物カゴの中身」や「購入明細」など |
| （１７）STEP3 購入内容表示名 |
STEP3画面の購入内容表示名を指定します。
「買い物カゴの中身」や「購入明細」など |
| （１８）STEP3 購入者情報表示名 |
STEP3画面の購入者情報表示名を指定します。
購入者情報 |
| （１９）STEP3 フッター文言 |
STEP3画面のフッター文言の一部を指定します。
「●●及び返品に関する事項をご確認の上、ご注文下さい。」の「●●」部分に表示する文言を指定します。 注文内容 |
| （２０）STEP4 サンクス文言 |
STEP4画面のサンクス文言を指定します。
ご注文ありがとうございます。 |
| （２１）STEP4 注文番号表示文言 |
STEP4画面の注文番号の項目名を指定します。
「●●：1」（数字は注文番号）の「●●」部分に表示する文言を指定します。 注文番号 |
| （２２）STEP4 確認文言 |
STEP4画面に表示するコメントを指定します。
ご登録いただきましたメールアドレス宛にサンクスメールを送信いたしましたので、ご確認をお願いいたします。尚、注文内容に誤りがある、サンクスメールが届かない場合にはお手数ですが当店までご連絡をお願い申し上げます。 |
| カゴヘッダー指定 | ビジネスプランやエキスパートプランをご契約中で、ページ自動生成機能を利用している場合に表示されます。ページ自動生成機能のヘッダー画像を反映させる設定です。
|
入力したデザインは、画面下部の「プレビュー」ボタンより確認できます。（STEP1のみ）
ショップ名や、項目の設定などは例文となり、実際のショップ設定とは異なります。
５．最後に「設定する」ボタンをクリックして完了となります。
オリジナルステップ画像の作成
購入手続き画面に表示されるステップ画像をショップオリジナルの画像に変更できます。オリジナル画像は、管理画面にあるサンプルテンプレートを元にご用意ください。
サンプルテンプレートと同様に決められた枠内に各画像を配置してください。異なる配置やレイアウトの画像は、ステップ画像が正しく表示されません。
１．ここからダウンロードします。
２．保存した画像を画像編集ソフトで開き、編集してください。
| STEP1画像 | 購入手続き画面、STEP1（購入者情報入力）に表示されます。 |
| STEP2画像 | 購入手続き画面、STEP2（支払・配送指定）に表示されます。 |
| STEP3画像 | 購入手続き画面、STEP3（確認画面）に表示されます。 |
| STEP4画像 | 購入手続き画面、STEP4（完了画面）に表示されます。 |
| 戻るボタン | 購入手続き画面の下部に表示されます。 |
| 次へボタン | 購入手続き画面の下部に表示されます。 |
| 注文するボタン | 購入手続き画面、STEP3（確認画面）の下部に表示されます。 |
| 決済へボタン | 購入手続き画面、STEP4（完了画面）に表示されます。 |
| 確認 | オンライン決済を連動している場合にのみ表示されます。「決済へ」ボタンをクリックすると、連動設定をしたオンライン決済の決済手続き画面へ遷移します。 |
| 見出しアイコン | 購入手続き画面の各節の見出し行頭に表示されます。 |
| 注文を確定して決済へボタン | クロネコwebコレクトAPI方式およびりそなPayResort（リンク式）の連動設定を行っていて、その決済が選択された場合のみ、STEP３で表示されます。 |
| 確定するボタン | クロネコwebコレクトAPI方式の連動設定を行っていて、その決済が選択された場合のみ、コンビニ選択画面で表示されます。 |
購入手続き画面でのSTEP1～4画像は中央揃えで表示され、表示枠の幅を上回る領域は見きれます。表示枠の幅は、上記、３－５（５）の表示幅に影響をうけます。（最低710px～最大800px）
