Show ‘ex VAT’ text after product price
-
Hi,
I have been able to show both the ‘inc VAT’ and ‘ex VAT’ prices within my WooCommerce store and single products, however only the ‘inc VAT’ text is visible after inputting the ‘{price_including_tax’ within ‘Price display suffix’ (WooCommerce > Settings > Tax).
Here’s how the layout of both the prices show on a product thumbnail: https://ibb.co/mHhXqmT
I really need the text ‘ex VAT’ to show after the first price, but cannot figure this out!
I have used CSS to style the font, colour, layout etc.. Here it is:
`}
.amount bdi {
position: relative;
}.woocommerce-Price-amount.amount {
display: block;
letter-spacing: 2px;
color: #2C3979
}
margin-left: 5px;
font-size: 14px;
}.woocommerce-price-suffix {
display: block;
}.woocommerce-price-suffix .woocommerce-Price-amount.amount bdi:after {
content: “inc. vat”;
margin-left: 5px;
font-size: 14px;
}’I appreciate all of your support on this, thank you.
Stefan
The page I need help with: [log in to see the link]
-
Hey @completemobility,
Try this css on your site.
.single-product .woocommerce-Price-amount bdi::after { content: ' ex Vat'; }Image Link: https://cloudup.com/c55SctOImJp
Hey @completemobility,
The previous CSS would restrict that to displaying only on single product pages due with the
.single-productparameter. Try this CSS below instead. ??.woocommerce-Price-amount bdi::after { content: ' ex Vat'; }Image Link: https://cloudup.com/ckSLnWSPORD
Hello Stuart,
could you help me to achive same thing like OP suggested?
I would like to make both prices – including and excluding VAT visible on product page and other possible places (in 2 rows).
Example product is: https://liveflooring.com/produkt/podloga-sportowa-basic-black/
Thank you in advance.
- The topic ‘Show ‘ex VAT’ text after product price’ is closed to new replies.
