Can I show a product price with and without Tax

Site URL: https://ambrand.nz/

hello

I need to show our product prices including and excluding gst ( Tax) 

Does anyone know how I could do this?

Thanks

2 hours ago, amba said:

Site URL: https://ambrand.nz/

hello

I need to show our product prices including and excluding gst ( Tax) 

Does anyone know how I could do this?

Thanks

Have you refer information from the following link:https://support.squarespace.com/hc/en-us/articles/206540947-Setting-up-manual-tax-rates-in-Squarespace-Commerce

Hey, thanks for the reply.

What I meant was the listed price. I would like to show both the price including and excluding.

The following is not a solution but a pointer to a part of a possible solution you may need.

The cited code watches prices and allows a developer to create a callback to manipulate prices.

Taxes can be extremely complicated and my code knows nothing of them. The developer would need to deal with all that. At its simplest you could have a single tax rate that would be applied to the price and then you'd display both prices. If you have a more complex tax system then the code could turn into a nightmare very quickly.

Thanks, That gave me an idea. 

I could use the sale price as a section that would exclude the tax amount and change it from sales to including and excluding tax.  Need to remove the strikeout and the word sale.

.product-price::after {
    content: ' including';
}
.original-price::before {
    content: ' excluding ';
}
.products.collection-content-wrapper .original-price {
    text-decoration: none;
}
.product-mark.sale {
    visibility: hidden;
}

unfortunately this is all on one line, would prefer the one price below the other.

Any input would be greatly appreciated. 

On 10/10/2022 at 6:53 AM, amba said:

Thanks, That gave me an idea. 

I could use the sale price as a section that would exclude the tax amount and change it from sales to including and excluding tax.  Need to remove the strikeout and the word sale.

.product-price::after {
    content: ' including';
}
.original-price::before {
    content: ' excluding ';
}
.products.collection-content-wrapper .original-price {
    text-decoration: none;
}
.product-mark.sale {
    visibility: hidden;
}

 

unfortunately this is all on one line, would prefer the one price below the other.

 

Any input would be greatly appreciated. 

try add display: block to these code

.product-price::after {
    content: ' including';
	display: block;
}
.original-price::before {
    content: ' excluding ';
	display: block;
}

Perfect! Thanks!