カート画面に表示される送料無料文言(「あと~~円で送料無料です」)の文字色やサイズを変更したい。
- 更新日: 2022-08-04 08:28:20 UTC
高額購入割引設定にて送料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;
}
※数値や色コードは適宜ご調整ください。