Solved

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

Mati7777777
Tourist
7 1 1

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.

Accepted Solution (1)
Mati7777777
Tourist
7 1 1

This is an 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

 

View solution in original post

Replies 8 (8)

OneCommerce
Shopify Partner
253 19 108

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

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us

Mati7777777
Tourist
7 1 1

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
Shopify Partner
253 19 108

Hello again,

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

 

Looking forward for your reply.

OneCommerce team.

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us

Mati7777777
Tourist
7 1 1

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
Tourist
7 1 1

This is an 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
Visitor
1 0 0

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
Shopify Partner
28 0 13

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

Screenshot 2023-12-07 at 09.12.01.png

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

Zoeproduction
Shopify Partner
13 0 2

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