Show VAT prices on your product pages

Caution

This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial.

If your government requires you to show prices with taxes included, but you want your international customers to pay less than the VAT-included price, you will need to show two prices in your shop. One price will be with taxes included for your local customers, and one price will be without taxes for your international customers.

Tip

The solution presented here won't work in the following themes: Venture and Boundless.

Note

This is possible, provided that your products have only one variant, and that their price on their product page is not updated via JavaScript (usually found in a selectCallback function).

Set your tax rates

Shopify will automatically set your tax rates for you, but you might want to confirm that those rates are correct. To do so:

Click the product-grid-item.liquid snippet to open it in the online code editor.

Locate the following:

{{product.price|money}}

Change it to:

{{product.price|times:1.05|money}}
Int price: {{product.price|money}}

So that it looks like this:

Save your changes.

Product page

Under the Templates folder, locate and click on product.liquid to open it in the online code editor.

In the online code editor, look for:

{{product.price|money}}

Change that to:

{{product.price|times:1.05|money}}

Under the <div class="purchase">, add:

<h3>Int price: {{ product.price | money }}</h3>

before the closing </div> tag.

It should look like this:

Save your changes.

Cart

Showing the international price for each line item in the table will most likely just make the page very cluttered and confusing. So we'll just add a note at the top of the page that lets international customer know that they will receive 5% off of the listed price.
We will also add an international price at the end of the cart.

Under the Templates folder, locate and click on cart.liquid to open it in the online code editor.