futureshop FAQ

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

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 2057
  • 公開日時 : 2018/02/09 13:28
  • 更新日時 : 2018/02/17 14:33
  • 印刷

フォーム入力アシストの色の変更はできますか?

回答

お客様情報入力フォームにて、
必須項目が未記入であったり、入力内容の不備がある場合は、以下のようなエラー文言を表示します。

こちらのエラーの色のご変更は、CSSの利用で可能です。


※表示されない場合は…
 構築メニュー>入力項目設定>フォーム入力アシスト設定 にて
 「□ 」にチェックが入っているかを確認してください。


 

PC店舗用CSS

下記のCSSを
構築メニュー>デザイン設定 の現在利用中テンプレートの編集ボタンをクリックし、
「オリジナルCSS/JavaScript編集」の「 オリジナルCSSの編集」に追記してください。

※値は適宜修正してください。

必須項目のテキストボックスの背景色を変更


 

/* 必須項目のテキストボックス背景色 */
.FS2_assist_required {
background: #DAFEDD;
}
 

※色は適宜ご変更ください。

エラーメッセージの背景色と文字色を変更する


 

/* エラーメッセージ背景色と文字色 */
.FS2_assist_message {
background-color: #009933;
color: #fff;
}

/* エラーの出ているテキストボックス背景色 */
.FS2_assist_error {
background: #FFCC33;
}
 

※色は適宜ご変更ください。

 

スマートフォン店舗用CSS

 

下記のCSSを
モバイル>デザイン設定 の「デザインCSSの編集」に追記してください。
 

必須項目のテキストボックス背景色を変更

/* 必須項目のテキストボックス背景色 */
.FS2_assist_required {
background: #DAFEDD;
}

※色は適宜ご変更ください。

エラーメッセージの背景色と文字色を変更する

/* エラーメッセージ背景色と文字色 */
.FS2_assist_message {
background-color: #009933;
color: #fff;
}

/* エラーの出ているテキストボックス背景色と罫線色 */
.FS2_table input.FS2_assist_error,
.FS2_table select.FS2_assist_error,
.FS2_table textarea.FS2_assist_error,
.FS2_list input.FS2_assist_error,
.FS2_list select.FS2_assist_error,
.FS2_list textarea.FS2_assist_error,
.FS2_FixedPeriodDelivery_CycleEdit select.FS2_assist_error,
#fs2_usePoint.FS2_assist_error{
border-color: #FF0000;
background: #FFCC33;
}

※色は適宜ご変更ください。

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

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

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

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

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

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

ページ
トップへ