DL Inclusive & Exclusive Tax Prices

Descripción

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.