Show Prices with and without Tax on product page - ride theme

[Mati7777777]

Hello,

My product page shows today price without Tax, this is wanted.

I want to add under this, a new line with the Price with Tax (20% added).

I'm using the Ride Theme, and I cannot find which liquid to modify and which code to add.

it should be something like this somewhere : 

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

Thanks.

[OneCommerce]

Hello @Mati7777777 ,

We are OneCommerce - an eCommerce Solution Platform.

For your problem, you can try follow these steps to add the right code:

• Go to your Store -> Themes -> Click "Actions" -> "Edit Code"
• Look for the file named product-template.liquid in the file list. If you can't find it, try searching for a file named product.liquid or product-page.liquid.
• Add the following code to the product-template.liquid file:

<p>Price (without tax): {{ product.price | money }}</p>
<p>Price (with tax): {{ product.price | times:1.20 | money }}</p>

Note that this code should be added to the appropriate place in the product-template.liquid file, where the product price is being displayed.

Hope this is work for you. Please don't be hesitate to contact us if you need any further support. 
Please hit the Like button or mark it as Accepted Solution if this is useful for you, it means a lot to us.

Regards,
OneCommerce team

[Mati7777777]

Hello,

thanks the help.

I found main-product.liquid and price.liquid that could be the place to make the change, but I don't really know how.

Can I share them to have an explaination to acheive this ?

Thanks

[OneCommerce]

Hello again,

Sure you can share them in 2 files, I'll happy to modify them.

Looking forward for your reply.

OneCommerce team.

[Mati7777777]

Hello,
Many thanks !!! 🙂
Here is the link of a product for example :

https://fibres-et-cables.com/products/jarretiere-optique-duplex-hd-multi-om4-50-125-lc-upc-lc-upc-er...

You'll see that there is ony the price without tax on the page.

Can you give me an email/Contact to share you both files ?

Thanks.

[Mati7777777 · Accepted solution]

Finally found the solution, thanks to Sheesh B.

modification is done by editing the price.liquid file :

changing this part :

assign compare_at_price = target.compare_at_price
assign price = target.price | default: 1999
assign available = target.available | default: false
assign money_price = price | money
assign tax_price = target.price | default: 1999 | times: 1.20
assign tax_money_price = tax_price | money

and finally this one :

<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span class="price-item price-item--regular">
{{ money_price }} HT
</span>
</div>
<div class="price__regular tax__price">
<span class="tax-included-price price-item price-item--regular">
{{ tax_money_price }} TTC
</span>
</div>

Thanks

[hardiman001]

st came across your post, I have been struggling to do this for a couple of days on my site, would you be able to help me?

https://www.ufhpartsanddesign.co.uk/products/tio-mixing-set-with-tio-high-efficiency-pump-t6-130-l

[Daniel_Ward_CC]

This solution is perfect and works exactly as needed! However it assumes that tax is not included in the product price. 

Please can you help flip it round so that the "price with tax" is the product price and then the "price without tax" is 20% lower than that

[AndyT1]

Hi, thanks for the instruction. 

I have located the price.liquid file but unsure exactly where to place the suggested code.

Please can you help, I want to include and "Including VAT" price beneath the main price.

[Zoeproduction]

Hi,

Thank you for reaching out about adding prices with tax to your product page.

I would like to suggest a solution that might be even more beneficial for you. We've developed an app called T Selector that can help with this issue.

Instead of just adding a new line under the existing price, our app adds a button where customers can conveniently switch between seeing prices including or excluding VAT in your store.

There are two main benefits to using our app:

1. Cleaner and more personalized experience: By showing the correct price for each customer, your store will look cleaner and more professional.

2. Compliance with Google Merchant Center: Using our app will ensure that you won't get banned from Google Merchant Center. Google has strict guidelines on pricing, and showing multiple prices per product can lead to account suspension. With our app, you won't have to worry about this issue, even if you have discounted prices which will show more than the maximum 2 prices.

Feel free to check out our app at https://apps.shopify.com/tax-selector.

If you have any questions or feedback, I'm here to help!

Best regards,

Adam
www.zoeproduction.com