futureshop FAQ

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

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 4333
  • 公開日時 : 2021/09/29 09:00
  • 印刷

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

サポートカテゴリー : 

回答

設定画面はコマースクリエイターの利用状況により異なります。
コマースクリエイターの利用状況がご不明な方はコチラをご確認ください。

 

【ご注意ください】
「WEBスキミング」という攻撃手法から個人情報を守るため、
一部の画面では外部JavaScriptを読み込めません。詳しくは以下をご参照ください。

 ■オンラインマニュアル:Webスキミング防止設定について

 

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

コマースクリエイターご利用店舗様は、「commerce creator」管理画面にて編集します。
 
CSSは、
commerce creator>テーマ>利用中テーマの「オリジナルCSS」 に入力していただければ
futureshopが生成するすべてのページに出力されます。
 
外部のJavascriptファイルやCSSファイルを適用させる方法は下記の通りです。

1:commerce creator>パーツ>パーツを追加する>フリーパーツ にて、外部ファイルを読み込む記述をして保存
2:テーマ>レイアウト にて、外部ファイルを読み込みたいページの をクリック
3:右上をクリック
4:一部のページのみ適用:表示された画面に作成したフリーパーツを配置し保存する
  全ページに適用:「headタグ共通」の「操作する」>「パーツを変更する」をクリックした先の画面にフリーパーツを配置し保存する


CSSやJavaScriptファイルのアップロード方法については以下の記事をご参照ください。
 
 

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

PC店舗

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

スマートフォン店舗

モバイル>デザイン設定>デザイン設定 にCSSを記述してください。
 
管理画面にJavaScriptを直接書き込む場合は、
モバイル>ページ設定>トップページ設定 の「ヘッダコメント」や
モバイル>ページ設定>基本設定 の「ヘッダコメント1・2」などに記述してください。
もしくはコメントパターン機能と各ページ設定機能を用いて、
JavaScriptを利用するページのみに出力してください。
 
 ■オンラインマニュアル:スマートフォンコメントパターン一覧
 
 ■オンラインマニュアル:スマートフォン各ページ設定
 

コマースクリエイター用の開店ガイドできました!

はじめてのコマースクリエイター!ショップ開店ガイド

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

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

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

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

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

ページ
トップへ