オリジナルCSS/JavaScript編集

コマースクリエイター切替後は使用しません。

オリジナルCSSの編集


「original.css」というファイルの内容を変更できます。「original.css」はfutureshopの自動生成ページすべてに適用されます。最大文字数:半角160,000字

※futureshopで指定しているCSS指定と重複した場合、うまく表示できない可能性があります。

※Internet Explorerで表示する場合、CSS内の「letter-spacing」を指定した要素内で連続したbr要素が無視される不具合があるようです。CSSをご利用いただく場合ご注意ください。


バリエーション表示設定標準対応に伴うご注意


2010年6月以前にご契約をいただいており、デザイン設定にて上級モードをご利用の店舗さまは2012年11月20日のバージョンアップによりレイアウトが崩れる可能性がございます。下記CSSをオリジナルCSSに追記ください。

/* 商品画面:商品詳細:バリエーションごとにカートボタンを表示:バリエーションテーブル */

.FS2_additional_image_tableVariation{ margin:10px 0; }

.FS2_additional_image_tableVariation_table {}

.FS2_additional_image_tableVariation_table th{ text-align:left; font-weight:normal; padding:2px 2px 2px 2px; }

.FS2_additional_image_tableVariation_table td{ padding:2px; }

.FS2_additional_image_tableVariation_table td span{ display:block; text-align:center; color:#777; }

.FS2_additional_image_tableVariation_table td img{}

.FS2_additional_image_tableVariation_border th{ border-top:1px solid #888; padding-top:4px; vertical-align:top; }

.FS2_additional_image_tableVariation_border td{ border-top:1px solid #888; padding-top:4px; }

.FS2_additional_image_tableVariation_bg{ background:#f6f6f6; }


オリジナルJavaScript



登録する際の注意点


<script type="text/javascript">
<!--

// -->
</script> は不要です。


参考例:


<SCRIPT language="JavaScript">
<!--

function pageForward(){
history.forward();
}

// -->
</SCRIPT>

赤い部分は不要です。青文字の部分だけを「オリジナルJavaScriptの編集」に貼り付けてください。


オリジナルJavaScriptの複数登録


オリジナルJavaScriptは「オリジナルJavaScript1」と「オリジナルJavaScript2」をそれぞれ登録できます。構築メニューの各ページ設定で、各ページごとにどちらのJavascriptを適用するか選択することができます。

※なお、起点ページ、商品グループページ、商品詳細ページでは オリジナルJavaScript1が反映されます。

不要なJavaScriptの読み込みは、ページ表示を遅くし、また画面によってはセキュリティ上のリスクが発生する可能性もあります。オリジナルJavaScriptに登録する内容が、ページによって必要ないような場合、切り替えてご使用ください。オリジナルJavaScriptを読みこまない設定も可能です。


注意点



セキュリティアラートにご注意ください


オリジナルCSSまたオリジナルJavaScriptに背景画像を記述する場合等、セキュリティアラートが表示されないようにご注意ください。詳しくはHTMLタグを使用するをご覧ください。


お支払い方法選択画面について


お支払い方法選択画面については、構築上の注意点をごらんください。