キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

オリジナルCSS/JavaScript編集

×

マニュアル閲覧上の注意

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

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

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

オリジナルCSSの編集

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

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

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

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

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

オリジナル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タグを使用するをご覧ください。

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

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

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

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

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

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

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。