futureshop FAQ

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

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 1895
  • 公開日時 : 2018/01/16 20:00
  • 更新日時 : 2021/03/17 18:37
  • 印刷

カート画面に表示される送料無料文言(「あと~~円で送料無料です」)の文字色やサイズを変更したい。

回答

高額購入割引設定にて送料100%引き設定をすると、ショッピングカートの画面に

「※あと~~円以上で送料無料です。」
といった文言が自動的に表示されます。

こちらの文言の文字色やサイズを変更するには、CSSをご利用ください。

なお「~~円以上で送料無料」の設定方法がご不明の場合は、以下の記事をご参照ください。

 ■虎の巻:「○○円以上購入で送料無料」といった設定はできますか?

 

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

 

コマースクリエイター無効もしくは有効店舗様


PC:構築メニュー>デザイン設定>編集>オリジナルCSS/JavaScript編集
スマートフォン:モバイル>デザイン設定
上記設定箇所に、以下のCSSを追記してください。

 

/* 高額購入割引の送料の文字色・サイズの変更 */
.cartInfor{
font-size: 18px; 
color: #FF0000;
line-height: 120%;
font-weight: bold;
}

※数値や色コードは適宜ご調整ください。

 

 

 

コマースクリエイター有効もしくは運用中店舗様


commerce creator>テーマ>利用中テーマの「オリジナルCSS」
上記設定箇所に、以下のCSSを追記してください。

 

/* 高額購入割引の送料の文字色・サイズの変更 */
.fs-c-cartDiscountInfo--postage .fs-c-cartDiscountInfo__info{
font-size: 18px; 
color: #FF0000;
line-height: 120%;
font-weight: bold;
}

※数値や色コードは適宜ご調整ください。

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

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

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

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

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

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

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

ページ
トップへ