アフィリエイト広告を利用しています

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

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告