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を適用すると下のようになる。

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール  *
お名前(姓)  *
お名前(名)  *
  • ブックマーク

【案内板】

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

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

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