コマースクリエイター未利用コマースクリエイター移行中（有効）コマースクリエイター利用中説明を表示　▼

デザイン設定（一覧）

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター未利用: 以前からの管理画面で構築し、以前からのECサイト（ユーザー画面）で店舗を構築・運用されている場合（コマースクリエイターをご利用でない場合）はこちらを選択してください。
コマースクリエイター移行中（有効）: 以前からの管理画面で構築し、以前からのECサイト（ユーザー画面）で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中: コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト（ユーザー画面）で店舗を新規構築・運用されている場合（以前からのユーザー画面をご利用でない場合）はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

ショップ画面で使用するデザインの選択

デザインを切り替える場合は、ラジオボタンを選択し「登録する」ボタンを押してください。
また、「編集」ボタンを押すと各デザインの内容を変更できます。
プレビューボタンは各デザインの設定状態を表示します。
テンプレートを変更する場合は「テンプレート選択」ボタンを押してください。

レイアウト/HTML編集

コンテンツエリア（商品や、商品グループを表示する部分）以外に、「ヘッダ」「フッタ」「左メニュ」「右メニュー」の表示、表示幅の設定ができます。
ページレイアウト設定で設定される「ヘッダ」「フッタ」「左メニュ」「右メニュー」、上部コメント、下部コメントなど管理画面から登録されたHTMLに適用させる、「CSS」「javaScript」を設定できます。
文字色や、リンク、背景などの色や大きさの設定ができます。（項目ごと、CSSによる変更ができます）
ボタン画像の設定（変更）ができます。

プレビュー

現在設定されている状態で、ページをプレビューします。
※登録情報を更新した場合は、ブラウザの「更新」ボタン、もしくは、キーボードの「F5」ボタンを押して、表示の更新を行ってください。

Webスキミング防止対策のため、2021.4.26以降、対象画面ではfutureshopシステムおよび一部の許可されたドメイン以外からの外部読み込みの<script>タグ、<iframe>タグの記述は削除されます。
2021.4.13以降、プレビュー表示においても削除されていますのでご注意ください。（動作していません。）

詳しくは、Webスキミング防止対策　‐JavaScriptを利用している場合/Webスキミング防止対策　‐iframeタグを利用している場合をご覧ください。

「お試し店舗」「プレビューモード」のヘッダ部分を非表示にする場合

お試し店舗、プレビューモードのヘッダは、CSSで非表示にできます。
以下のソースを「構築＞デザイン設定＞レイアウトHTML編集」の「CSS/JavaScriptの設定」に設定してください。

/*お試し店舗のヘッダを非表示*/
.FS2_trial{
display:none;
}

/*プレビューモードのヘッダを非表示*/
.FS2_preview{
display:none;
}

テンプレートの選択

各カラーテンプレートへ変更が行えます。
「レイアウト設定」「CSS/JavaScriptの設定」「オリジナルボタン」「サイズカラー項目ごとに編集」を初期の状態に戻すことができます。

項目表示について

各項目は「以前からのECサイト用」「コマースクリエイター用」「共通」の3種類があります。「コマースクリエイター移行中（有効）」選択時は全ての項目と説明が表示されます。

・以前からのECサイト用項目（コマースクリエイターでは使用しない）：右側にこちらの色の点線が表示されます。

・コマースクリエイター専用ECサイト用の項目（以前からのECサイトには影響しない）：右側にこちらの色の点線が表示されます。

・上記以外は共通で使用する項目です。（何も表示されません。）