Skip to content

WordPress の WooCommerce で「税込」と「税抜」の両方の価格を表示する方法 — 実装手順と注意点

a computer screen with a bunch of code on it

WordPress の WooCommerce は、商品ページや一覧に標準で価格を表示しますが、表示形式は通常「税込」か「税抜」のどちらか一方に限定されます。国内の EC サイトではユーザーの利便性や会計上の明示のために、税込価格と税抜価格を同時に表示したいケースが多々あります。本稿では、functions.php に追加するカスタムコードを使って、両方の価格を表示する実装方法と運用時の注意点をわかりやすく解説します。

目的と適用範囲
この実装はテーマの functions.php に直接追記する方法を前提としています。子テーマを用いるか、スニペット管理プラグイン(例:Code Snippets)で管理することを推奨します。テーマの更新で上書きされないよう、子テーマまたは専用のカスタムプラグインで運用してください。

    <?php 
add_filter('woocommerce_get_price_html', 'show_price_with_and_without_tax', 20, 2);
function show_price_with_and_without_tax($price, $product) {
    if (!$product->is_taxable()) {
        return $price;
    }

    $price_excluding_tax = wc_get_price_excluding_tax($product);
    $price_including_tax = wc_get_price_including_tax($product);

    return wc_price($price_excluding_tax) . '<span class="tax-nomination-yes">(税抜)</span> <div class="tax-price-notax"> ' . wc_price($price_including_tax) . '<span class="tax-nomination-no">(税込)</span></div>';
}   
            
                    
        

WooCommerceの管理画面で「税」の設定を行なってください。

最終更新日: 2025-12-05

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

前へ...

数字の3桁目と4桁目の間にカンマを自動的に追加するジャバスクリプト

次へ...

WooCommerceの注文詳細の下にカスタムテキストを追加する方法