MENU

FutureShop2OVERSEASのトップページを見る

カラー/サイズ編集(上級モード)

FutureShop2 Overseas

デザイン名

現在編集しているテンプレートの名称です。

ベーステンプレートデザイン名

現在編集しているテンプレートの元となったテンプレート(「構築メニュー>デザイン設定>テンプレート選択」画面で選択する)の名称です。

初級モード切替

初級モードでの変更が適応されるCSS(system_SizeColorSettings.css)

「system_SizeColorSettings.css」を編集できます。

テンプレートの初期状態に戻す

設定を「現在、編集しているテンプレートの元となったテンプレート」の状態に戻します。

上級モードで表示される全体のCSS(system_DesignSettings.css)

「system_DesignSettings.css」を編集できます。

テンプレートの初期状態に戻す

設定を「現在、編集しているテンプレートの元となったテンプレート」の状態に戻します。

ショップ画面に出力されるCSSファイル


<link rel="stylesheet" type="text/css" href="/shop/css/r_system_preset.css" />
<link rel="stylesheet" type="text/css" href="/shop/item/{店舗KEY}/design/template01/css/system_DesignSettings.css" />
<link rel="stylesheet" type="text/css" href="/shop/item/{店舗KEY}/design/template01/css/system_SizeColorSettings.css" />
<link rel="stylesheet" type="text/css" href="/shop/item/{店舗KEY}/design/template01/css/system_LayoutSettings.css" />
<link rel="stylesheet" type="text/css" href="/shop/item/{店舗KEY}/design/template01/css/original.css" />

「system_preset.css」「r_system_preset.css」

レイアウトなど基本的な内容を設定しています。お客様が直接内容を編集することができません。

system_DesignSettings.css

構築メニュー>デザイン設定>カラー/サイズ編集(上級モード)」で設定できるCSSファイルです。

system_SizeColorSettings.css

メイン・サブカラー、文字色、サイズなどが反映されます。 「構築メニュー>デザイン設定>カラー/サイズ編集(初級モード)」画面で編集できます。

system_LayoutSettings.css

画面で設定したページ幅、レイアウトなどが反映されます。 「構築メニュー>デザイン設定>レイアウト編集」画面で編集できます。

original.css

自由に追記して頂くことができるCSSファイルです。 「構築メニュー>デザイン設定>オリジナルCSS/JavaScript編集」で編集できます。

©2014 FutureShop All Rights reserved.