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

高額購入割引設定にて送料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;
}

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

この記事は役に立ちましたか?