futureshop FAQ

本サイトは、弊社サービス「futureshop」ご契約店舗様用のFAQサイトです。
お困り事やご不明点等ございましたら、お気軽にフューチャーショップサポートまでご連絡ください。

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 4333
  • 公開日時 : 2017/10/21 15:21
  • 更新日時 : 2020/02/12 17:05
  • 印刷

CSSやJavaScriptを記述する場所はどこですか?

サポートカテゴリー : 

回答

コマースクリエイターご利用店舗様

コマースクリエイターご利用店舗様は、「commerce creator」管理画面にて編集します。
 
CSSは、
commerce creator>テーマ>利用中テーマの「オリジナルCSS」 に入力していただければ全ページに出力されます。
 
JavascriptおよびCSSを一部ページにのみ適用させるには、下記の方法で可能です。

1:パーツ「パーツを追加する」>「フリーパーツ」 にて、
  表示させたいJavascript・CSSを入力し保存。
2:テーマ>レイアウト>1:を設置したいページの をクリック
3:右上をクリックし、1:で作ったパーツを追加する
  全ページにCSS・Javascriptを適用させたい場合は、「headタグ共通」 内にパーツを追加ください。


また、外部のCSS・Javascriptファイルを利用する場合は
commerce creator>アイテム もしくは FTPサーバーのitembox>itemにアップロードし、
アップロードしたファイルの「 置換文字」を利用して読み込んでください。

  

コマースクリエイター未利用店舗様

PC店舗

構築メニュー>デザイン設定>デザイン設定>利用中テンプレートの「編集」ボタン>オリジナルCSS/JavaScript編集 に
CSSやJavaScriptを記述してください。
 
オリジナルCSS欄に記述したCSSは全ての自動生成ページに出力されます。
オリジナルJavaScript1・2は、構築メニュー>ページ設定>各ページ設定 の
「JavaScript」列のプルダウンにて出力可否を設定してください。
 

スマートフォン店舗

モバイル>デザイン設定>デザイン設定 にCSSを記述してください。
 
JavaScriptは外部ファイル化して読み込んでいただくことをお勧めしますが、
管理画面に直接書き込む場合は、
モバイル>ページ設定>トップページ設定 の「ヘッダコメント」や
モバイル>ページ設定>基本設定 の「ヘッダコメント1・2」などに記述してください。
もしくはコメントパターン機能と各ページ設定機能を用いて、
JavaScriptを利用するページのみに出力してください。
 
▼ヘルプ:スマートフォンコメントパターン一覧
 
▼ヘルプ:スマートフォン各ページ設定
 

スムーズに解決できなかった場合、記事改善のため解決できなかった理由をお聞かせください。

ご意見・ご感想をお寄せください お問い合わせを入力されましてもご返信はいたしかねます

フューチャーショップサポート

「虎の巻」でお悩みが解決できない場合や、ご不明点等がございましたらお気軽にご連絡ください。

  • お電話でのお問い合わせ(平日10:00~17:00)お電話でのお問い合わせ(平日10:00~17:30)
  • メールフォームをご利用くださいお問い合わせフォーム

※弊社サービスと類似した名称の通販サイトとの問い合わせ先間違いが増えております。
 弊社では通販サイトの運営は一切行っておりません。

ページ
トップへ