How to display price with and without VAT

Shopify Discussion
1

I am currently using the Refresh theme for the shopify store. It is possible to display the price of my products too include tax as well as excluding tax so buyer can see both prices? If so, what settings do I need to update or what code do I need to edit? Please provide easy step by step guide as I am not too familar with the navigation around Shopify menus and settings.

2

Hi, @tjinspirations . Within Shopify there is the option to display prices including taxes or to display prices without taxes. To display both you would need to add this information by customizing your theme or using a third party app.

3

Thanks for your reply, any idea how to mondify the theme or where I can find easy to follow tutorials?

4

Hi @tjinspirations,
In case you are still looking for a solution, we’ve just launched a new app called Taxify that allows you to shows prices including and excluding VAT without any coding.

5

By default Shopify does not display both tax-included and tax-excluded prices, so you’ll riff off of your product template. In your product. liquid or main-product. liquid file, do some basic math around 20% tax and display both values. I suggest you to make a copy of your theme before editing. Here’s a basic guide:

  1. Navigate to Online Store > Themes > Actions > Edit code.
  2. Open Sections > main-product. liquid (or product. liquid).
  3. Locate where the price is displayed — typically near {{ product. price | money }}.
  4. Under that add this sample code:

{% assign tax_rate = 0.2 %}

Excluding Tax: {{ product. price | money }}

Including Tax: {{ product. price | times: 1.2 | money }}

  1. Change tax_rate (0.2 is 20%) with your country standards.

Your customers will then see both prices.

6

Hi @tjinspirations,
Shopify will only show one price — either including tax or excluding tax — depending on your store’s tax settings.
But if you want to show both prices add below code in your price.liquid file

{% assign tax_rate = 0.20 %} 

{% if shop.taxes_included %}
  {% assign price_excl_tax = product.price | divided_by: 1.0 | divided_by: 1.0 | divided_by: tax_rate | plus: 1 %}
  {% assign price_excl_tax = product.price | divided_by: 1.20 %}
  <div class="price-excl-tax">
    Price excluding VAT: {{ price_excl_tax | money }}
  </div>
{% else %}
  {# Prices EXCLUDE tax, so calculate including tax #}
  {% assign price_incl_tax = product.price | times: 1.20 %}
  <div class="price-incl-tax">
    Price including VAT: {{ price_incl_tax | money }}
  </div>
{% endif %}

Replace 0.20 with your actual tax rate (e.g., 0.07 for 7% tax).

7

Hi,

Hope this will help

-Enable tax calculation in Shopify
-Edit Product Page Code (to show both prices) and Add VAT-inclusive price next to it

Code example

{% assign price = product.selected_or_first_available_variant.price %}
{% assign vat_rate = 0.20 %}
{% assign price_with_vat = price | times: 1.2 %}

<p><strong>Price (Excl. VAT):</strong> {{ price | money }}</p>
<p><strong>Price (Incl. VAT):</strong> {{ price_with_vat | money }}</p>
8

do you support mixed vat values 6% and 21% in the same store?

9

We support multiple VAT rates based on the country but not on a product level at this time.