WooCommerce (税込)と金額の横に消費税込の表示を追加するCSS

  • ブックマーク

WooCommerceで税込金額で商品登録を行うと、カート画面や、支払い(チェックアウト)画面の金額は、税込と表示されない。(税別金額で商品を登録して、消費税を計算するように設定すると、税込と表示される)

表示が無い = 税込金額なのだが、税込み?なの?と迷う。

そこで、(税込)と金額の横に表示するように、下のCSSを設定した。

/* 税込 総額表示 */
span.woocommerce-Price-amount.amount:after {
    content: ' (税込)';
    font-size: 12px;
    color: #666;
	font-weight:500 !important;
}
td.product-price span.woocommerce-Price-amount.amount:after,
tr.order-total span.woocommerce-Price-amount.amount:after {
	display:none;
}

CSSを適用すると下のようになる。

0

無料メルマガ発行中

メルマガも2021年は頑張って書いています。ぜひ登録して読んでくださいね。(無料です)

メールマガジン
無料で購読
メールアドレス *
* 必須項目

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


Youtube

  • ブックマーク

この記事を書いた人

情報発信ナビゲーター 大東 信仁

情報発信ナビゲーター / 博士課程中退 / ニックネーム : ものくろ / ブロガー / WordPressが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役