1. オンラインマニュアル
  2. 管理画面メニュー別ガイド
  3. [構築]メニュー
  4. デザイン設定
  5. デザイン設定(一覧)
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル

デザイン設定(一覧)

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

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

8_60_ja01.gif

レイアウト/HTML編集

btn_setting_layout.gif

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

プレビュー

btn_prew2.gif

現在設定されている状態で、ページをプレビューします。
※登録情報を更新した場合は、ブラウザの「更新」ボタン、もしくは、キーボードの「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;
}

テンプレートの選択

btn_setting_ini_1.gif

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