內容簡介
DL Inclusive & Exclusive Tax Prices 是一款專為 WooCommerce 商店設計的輕量工具外掛，可同時顯示含稅與未稅價格。無需任何設定，輸出語意化 HTML 結構，方便開發者透過 CSS 完全自訂價格樣式。
【主要功能】
• 同時顯示含稅與未稅價格
• 輸出語意化 CSS 類別，可完全自訂樣式
• 免設定、免後台操作，啟用即生效
• 支援簡單商品與可變商品
• 僅作用於前台，不影響管理後台效能
• 完全依賴 WooCommerce 原生稅務計算，確保準確性
外掛標籤
開發者團隊
② 後台搜尋「DL Inclusive & Exclusive Tax Prices」→ 直接安裝（推薦）
原文外掛簡介
Inclusive & Exclusive Tax Prices is a small, focused utility plugin for WooCommerce stores that need to display both tax-inclusive and tax-exclusive prices at the same time.
It does exactly what it says on the tin — no settings bloat, no assumptions, and no UI clutter.
The plugin:
* Works only on the front end
* Respects WooCommerce tax settings
* Handles simple and variable products
* Removes the default “From” price text on variable products
* Outputs clean, predictable HTML with semantic CSS class names
This plugin is ideal for developers and store owners who want full control over styling and presentation without introducing unnecessary complexity.
Features
Displays both inclusive and exclusive tax prices
Fully stylable HTML output
No admin settings or configuration required
No impact on the WordPress admin
Lightweight and reliable
Compatible with standard WooCommerce tax configurations
How It Works
The plugin filters WooCommerce’s price HTML on single product pages and replaces it with a structured markup block containing:
Exclusive tax price
Inclusive tax price
Clear labels for each value
Prices are calculated using WooCommerce’s native tax functions to ensure accuracy and consistency.
Markup & Styling
The plugin outputs the following structure:
.vat-price
├── .vat-price__row–ex
│ ├── .vat-price__value–ex
│ └── .vat-price__label–ex
└── .vat-price__row–inc
├── .vat-price__value–inc
└── .vat-price__label–inc
All elements are fully classed to allow complete styling control via CSS.
No inline styles are added.
Tax Configuration Requirements
This plugin relies entirely on WooCommerce’s built-in tax system. It does not calculate or guess tax values on its own.
To ensure prices are displayed correctly, the following must be in place:
Tax must be enabled in WooCommerce settings
At least one tax rate must be configured
Each product must have the correct tax status and tax class assigned
Once tax is enabled globally, WooCommerce will typically apply the Standard tax rate to products by default. You should review each product’s tax settings to ensure accuracy.
From the product editor, check the Product data panel and confirm:
Tax status is set to “Taxable”
The correct tax class is selected (Standard, Reduced, Zero rate, or a custom class)
The plugin will only display inclusive and exclusive prices for products that are marked as taxable.
If tax is disabled for a product, only a single price will be shown.
Correct tax configuration is essential to ensure prices are displayed accurately.
Styling Example
The plugin outputs fully classed HTML with no inline styles.
Below is an example of how pricing might be styled using CSS:
/* WooCommerce Pricing /
/ Container */
.vat-price {
display: inline-block;
line-height: 1.2;
}
/* Each line */
.vat-price__row {
display: block;
margin: 0.15rem 0;
}
/* EX VAT price + label */
.vat-price__value–ex {
font-size: 1.2rem;
font-weight: 600;
}
.vat-price__label–ex {
font-size: 0.7rem;
margin-left: 0.35rem;
opacity: 0.75;
}
/* INC VAT price + label */
.vat-price__value–inc {
font-size: 0.9rem;
font-weight: 600;
}
.vat-price__label–inc {
font-size: 0.7rem;
margin-left: 0.35rem;
opacity: 0.75;
}
All class names are stable and intended for developer customisation.
