💲Display Prices With & Without Tax

With tax rules varying considerably across regions and customer types, clarity in pricing is crucial. The Tax Display module gives you full control over how product prices appear—whether including tax, excluding tax, or both—so your storefront always communicates the right value to the right customer.

🛠 How to Configure Tax Display

Step 1: Enable & Access Configuration

Enable the Tax Display feature in your settings, then head to Configuration and click “Add rule” to begin customizing your tax display logic.

Step 2: General Info

• Name your rule (e.g. “EU Tax Display”)

• Assign a Priority (lower number = higher priority)

• Set the rule Enabled / Disabled

If multiple rules overlap, the one with higher priority (or earliest created) takes effect.

Step 3: Apply to Customers

Choose which customers will see this particular tax display formatting:

• Specific customers (via email)

• Groups via tags (e.g. “VAT-registered”, “Wholesale”)

Step 4: Apply to Products

Select which products the rule should affect—whether your entire catalog or specific items/variants.

Step 5: Design Display Options

Decide how prices should appear:

• With tax only: Show only the tax-inclusive price.

• Without tax only: Show only the tax-exclusive price.

• Both prices side by side: Display both amounts simultaneously. You can adjust the font size ratio and independent text colors for each price format.

• Toggle: Display a shopper-facing switch allowing buyers to toggle between tax-inclusive and tax-exclusive prices.

Storefront VAT Toggle Switch

When Toggle mode is selected:

• The rule must apply to All products across All pages.

• A floating switch widget appears fixed at the bottom-left of your storefront (65px from the bottom and 65px from the left by default).

• When a buyer switches between Inc. VAT and Exc. VAT, their choice is remembered throughout their session, and all prices across product pages, collection listings, and the cart update dynamically in real time.

---

Step 6: Translations & Styling

Navigate to Tax Display → Settings → Translations to customize the labels:

• Tax-inclusive toggle label: Default: Inc. VAT

• Tax-exclusive toggle label: Default: Exc. VAT

• Price labels: Customize text such as exc. VAT | or (incl. VAT) for each supported storefront language.

---

Step 7: Install the Rule

Once your configuration is ready, go to the Installation section and apply the changes to your storefront. The system supports automatic installation via Theme App Embed, or you may use manual Liquid snippet insertion if needed.

👁 What Your Customers See

Once set up:

• Product pages reflect the price display format based on the rule and customer qualification.

• Prices dynamically show tax-inclusive, tax-exclusive, both formats, or the interactive Inc. VAT / Exc. VAT toggle.

• At checkout, the system calculates tax correctly behind the scenes, independent of how prices were displayed earlier.

If you need further assistance, please feel free to reach us at [e-mail] or Live Chat.