futureshop FAQ

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

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 29
  • 公開日時 : 2017/09/28 21:50
  • 更新日時 : 2020/01/06 19:09
  • 印刷

商品名を大きくしたり、文字色を変更したいです。

回答

コマースクリエイター未利用店舗様専用の記事です

管理画面の設定変更、もしくはCSSで表示を変更することができます。

管理画面で設定する場合[PC店舗]

構築メニュー>デザイン設定>デザイン設定>編集>カラー/サイズ編集 で
「初級モード」を利用している場合は「テキスト」欄で設定できます。
 
 

CSSで設定する場合[PC店舗]

「カラー/サイズ編集」が上級モードになっている場合や、「太字にしたい」など初級モードでは設定できない場合は、CSSで直接指定します。 
 
構築メニュー>デザイン設定>編集>オリジナルCSS/JavaScript編集 の
「オリジナルCSSの編集」に以下を記述してご確認ください。
 
 

/* 商品詳細ページの商品名の文字サイズ変更 */
.FS2_body_Goods_GoodsDetail .itemTitle { 
font-size: 18px; 


/* 商品詳細ページの商品名の文字色を変更 */
.FS2_body_Goods_GoodsDetail .itemTitle { 
color: #ff0000;
}  

/* 商品詳細ページの商品名を太くする */
.FS2_body_Goods_GoodsDetail .itemTitle { 
font-weight:bold; 

 
※値は任意の数値に変更してください。
※文字サイズは「110%」とパーセントでも設定できます。
※文字色は、カラーコードを設定してください。
 
 
 

CSSで設定する場合[スマートフォン店舗]

スマートフォン用の場合(※要モバイルオプション)は、PC用とは別にCSSを記述します。
モバイル>デザイン設定 の「デザインCSSの編集」に以下を記述してご確認ください。
 
 

/* 商品詳細ページの商品名の文字サイズ変更 */
.FS2_body_Goods_GoodsDetail .itemTitle { 
font-size: 18px; 


/* 商品詳細ページの商品名の文字色を変更 */
.FS2_body_Goods_GoodsDetail .itemTitle { 
color: #ff0000;
}  

/* 商品詳細ページの商品名を太くする */
.FS2_body_Goods_GoodsDetail .itemTitle { 
font-weight:bold; 

 
 
※値は適宜、修正してください。
※文字サイズは「110%」とパーセントでも設定できます。
※文字色は、カラーコードを設定してください。
 
 
▼外部サイト:カラーチャート

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

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

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

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

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

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

ページ
トップへ