ゼロステップカート　デザイン設定

ゼロステップカートの購入手続き画面に反映されます。設定項目と表示箇所は、以下のようになります。

※「IDを忘れた方はコチラ」画面、「パスワードを忘れた方はコチラ」画面、特定商取引法に関する表示画面、送料について画面、会員規約画面、個人情報保護方針画面は、デザイン・カラー変更等が不可となります。

１．デザイン＞ゼロステップカート画面をクリックします。

ヘッダ画像を登録すると以下のような表示になります。

２．デザイン設定にて各項目を入力します。

ヘッダ画像
スマホサイズ用ヘッダ画像を新規登録・編集・削除する	チェックを入れ、「画像ライブラリ起動」をし、画像を選択します。画面サイズが横幅 0px ～ 766px の時：スマホサイズ用推奨画像サイズ：766×100（縦幅100px固定）
タブレットサイズ用ヘッダ画像を新規登録・編集・削除する	チェックを入れ、「画像ライブラリ起動」をし、画像を選択します。 767px ～ 991px の時：タブレットサイズ用推奨画像サイズ：991×130（縦幅130px固定）
PCサイズ用ヘッダ画像を新規登録・編集・削除する	チェックを入れ、「画像ライブラリ起動」をし、画像を選択します。画面サイズが横幅 992px ～の時：PCサイズ用推奨画像サイズ：1040×130（縦幅130px固定）

注文手続き画面のデザイン設定
１	全体	文字色	見出しなどを省いた画面全体の文字色を指定します。
２	全体	枠線色	各項目を区切る枠線の色を指定します。
３	見出し	文字サイズ	見出しの文字サイズを指定します。
４		文字色	見出しの文字色を指定します。
５		アイコン色	見出し左側にあるアイコン色を指定します。
６	「ショッピングカート」	表示名	「ショッピングカート」の表示名を指定します。
７	「カートに入っている商品」	表示名	「カートに入っている商品」の表示名を指定します。
８	商品合計　見出し	表示名	商品合計部分の見出しとして表示する文言を指定します。
９	購入者情報　見出し	表示名	購入者情報部分の見出しとして表示する文言を指定します。
１０	商品削除ボタン	パターン	「✕」「削除」「ゴミ箱マーク」の3つの中から、商品削除ボタンとして表示させたいパターンを選択します。
１１	商品削除ボタン	色	8で選択した商品削除ボタンの色を指定します。
１２	ヘルプマーク	アイコン色	「？」のアイコン色を指定します。
１３	必須マーク	文字色	「※」や「必須」の色を指定します。
１４	ヘッダ	背景色	ヘッダの背景色を指定します。
１５		下線色	ヘッダの下線色を指定します。
１６		ショップ名色	ヘッダのショップ名の文字色を指定します。
１７		ショップ名文字サイズ	ヘッダのショップ名の文字サイズを指定します。
１８	フッタ	背景色	固定フッタの背景色を指定します。スマホ画面サイズで表示した時のみ反映
１９		上線色	固定フッタの上線色を指定します。スマホ画面サイズで表示した時のみ反映
２０		合計文字色	固定フッタに表示のある合計金額の文字色を指定します。スマホ画面サイズで表示した時のみ反映
２１	あと＊＊円で送料無料	文字サイズ	文字サイズを指定します。送料パターン4利用時のみ反映
２２	あと＊＊円で送料無料	文字色	文字色を指定します。送料パターン4利用時のみ反映
ゼロステップカートにおいて、以下の各種ボタンは任意のオリジナル画像とすることはできません。
２３	「ログインする」ボタン1	背景色	ボタンの背景色を指定します。
２４		文字色	ボタンの文字色を指定します。
２５		枠線色	ボタンの枠線色を指定します。
２６		表示名	ボタンに表示される文言を指定します。
２７	「ログインする」ボタン2	背景色	ボタンの背景色を指定します。
２８		文字色	ボタンの文字色を指定します。
２９		枠線色	ボタンの枠線色を指定します。
３０		表示名	ボタンに表示される文言を指定します。
３１	「ショッピングを続ける」ボタン1	背景色	ボタンの背景色です。変更は不可です。デザインパターン毎に固定です。
３２		文字色	ボタンの文字色を指定します。
３３		枠線色	ボタンの枠線色を指定します。
３４		表示名	ボタンに表示される文言を指定します。
３５	配送方法見出し	表示名	配送方法部分の見出しとして表示する文言を指定します。指定した表示名は自動返信メール（サンクスメール）・注文確認メール・配送通知メールの配送方法部分の見出しにも使用されます。指定した表示名に「について」が付け加えられた形式で表示されます。 3ステップカートや定期購入カゴでの受注の注文確認メール・配送通知メールにも設定が反映されますのでご注意ください。
３６	配送方法見出し	アイコン	配送方法部分のアイコンを選択します。
３７	「ショッピングを続ける」ボタン2	背景色	ボタンの背景色です。変更は不可です。デザインパターン毎に固定です。
３８		文字色	ボタンの文字色を指定します。
３９		枠線色	ボタンの枠線色を指定します。
４０		表示名	ボタンに表示される文言を指定します。
４１	「注文確認する」ボタン	背景色	ボタンの背景色です。変更は不可です。デザインパターン毎に固定です。
４２		文字色	ボタンの文字色を指定します。
４３		枠線色	ボタンの枠線色を指定します。
４４		表示名	ボタンに表示される文言を指定します。
４５	エラー時の「ショッピングを続ける」ボタン	表示名	エラー発生時の「ショッピングを続ける」ボタンに表示される文言を指定します。

確認画面（モーダル）のデザイン設定
４６	タイトル	表示名	注文確認画面のタイトル部分にに表示される文言を指定します。
４７	フッター文言	文言	フッターに表示される文言の一部を指定します。「●●及び返品に関する事項をご確認の上、ご注文下さい。」の「●●」部分を変更できます。
４８	「注文する」ボタン	背景色	ボタンの背景色です。変更は不可です。デザインパターン毎に固定です。
４９		文字色	ボタンの文字色を指定します。
５０		枠線色	ボタンの枠線色を指定します。
５１		表示名	ボタンに表示される文言を指定します。

注文完了画面のデザイン設定
５２	サンクス文言	文言	注文完了画面に表示する文言を指定します。ご注文ありがとうございました。
５３	「注文番号」	文言	注文番号が表示される部分の文言を指定します。「●●：1（数字は注文番号）」の「●●」部分を変更できます。
５４	「ショップのトップページへ」ボタン	背景色	ボタンの背景色です。変更は不可です。デザインパターン毎に固定です。
５５		文字色	ボタンの文字色を指定します。
５６		枠線色	ボタンの枠線色を指定します。
５７		表示名	管理画面「コンテンツ」＞「サンクス画面」＞「注文完了後戻り先ページ」より設定できます。＞＞操作方法はコチラ
５８	クーポン表示エリア	背景色	表示エリアの背景色を指定します。
５９		文字色	表示エリアの文字色を指定します。
６０		枠線色	表示エリアの枠線色を指定します。
６１		表示名	表示エリアの文字サイズを指定します。クーポンの作成・表示方法はコチラ

「決済へ進む」画面のデザイン設定
１	説明文	説明文	「決済へ進む」ボタンの上部に表示する説明文を指定します。
２		文字色	説明文の文字色を指定します。
３		文字サイズ	説明文の文字サイズを指定します。
４	「決済へ」ボタン	文字色	ボタンの文字色を指定します。
５		背景色	ボタンの背景色を指定します。
６		枠線色	表示エリアの枠線色を指定します。
７		表示名	ボタンに表示される文言を指定します。

▼ラッピングやアンケートなどの入力欄を開いた状態としておくか、閉じた状態としておくかを以下の設定によって、ご変更いただけます。

「アコーディオン設定」のデザイン設定
１	商品オプション	チェックを入れると、最初から開いた状態にします。
２	商品掲載ページへのリンク	チェックを入れると、最初から開いた状態にします。「商品名にリンクを挿入する」にチェックを入れ設定を行うと上記「商品オプション」は「初期で開く」状態に固定となります。
３	会員登録欄	チェックを入れると、最初から開いた状態にします。
４	アンケート	チェックを入れると、最初から開いた状態にします。
５	ラッピング	チェックを入れると、最初から開いた状態にします。
６	領収証	チェックを入れると、最初から開いた状態にします。
７	画像送付欄	チェックを入れると、最初から開いた状態にします。
７	備考欄	チェックを入れると、最初から開いた状態にします。
８	メール購読選択欄	チェックを入れると、最初から開いた状態にします。
９	レビュー投稿希望欄	チェックを入れると、最初から開いた状態にします。

３．「プレビュー」ボタンをクリックします。

→このページで指定している情報が反映された場合の購入手続き画面の例が表示されます。

確認画面（モーダル）や注文完了画面、アコーディオン設定のデザインはプレビューでは確認できません。お手数ですが実際の購入手続き画面よりご確認下さい。

プレビューを開いたら、画面幅を拡大・縮小したりして、ぜひレスポンシブ対応の画面をご確認下さい。画面サイズによって若干レイアウトが異なります。

　ショップ名や、項目の設定などは例文となり、実際のショップ設定とは異なります。

４．画面を下にスクロールし、「設定する」ボタンをクリックします。

ゼロステップカート デザイン設定

ゼロステップカート　デザイン設定