Price to show VAT incl. and excl. on product detail page REFRESH THEME

Shopify Discussion
1

Hi,

I’m creating a B2C/B2B website using the Refresh theme.

I have tried numerous B2B addons by can’t seem to find one that has all the features that we require. So we have decided to have the website B2B only.

Therefore, we require our product page to show the price including 20% VAT and also excluding 20% VAT. I guess this can be done easily with some code, as I have seen it’s possible with other themes. However, I can’t see any specific to Refresh theme.

Any help would be greatly appreciated.

Thanks

2

Hi there, you can try following steps:

  1. Navigate to Online Store > Themes. Find your current theme and click Actions > Edit code.
  2. Locate the product-template.liquid file under the Sections directory. This file controls the display of product pages.
  3. Add a new line to calculate the VAT-exclusive price. Here’s a basic example of how you might code it (Ex 20% VAT rate):

Price: {{ product.price | money_with_currency }}

Price (excl. VAT): {{ product.price | times: 0.80 | money_with_currency }}

​
4

Hello @savageis

Refresh should be able to handle this with a bit of theme editing, as how the pricing output is formatted is dictated by the product price snippet. You can show the normal VAT inclusive price and then use Liquid to work out the ex VAT amount by dividing by 1.2. In most of the cases, just edit the product price snippet or product main section and add second line below sale price. Format both with money filters to make it in line with your currency style. If you sell later on products with less tax use metafields for custom vat percentages instead of baking in 20 percent. Always re-test collection pages, quick view, and variant price changes thoroughly after.

5

The Liquid workaround only patches the product page. Your collection pages and search results still show the VAT-inclusive price, which creates a confusing jump for business buyers browsing the store.

An app called Momsify B2B VAT Switcher handles this storefront-wide without hardcoding any percentage. It adds a toggle so buyers can see ex-VAT prices everywhere, and there is a free plan to test it.