An open API service indexing awesome lists of open source software.

https://github.com/marktopper/wordpress-woocommerce-vat-price

This plugins replaces the WooCommerce's price div HTML, with two HTML div boxes, one containing the price without VAT, and the other containing the price including VAT.
https://github.com/marktopper/wordpress-woocommerce-vat-price

woocommerce woocommerce-plugin wordpress wordpress-plugin

Last synced: 2 months ago
JSON representation

This plugins replaces the WooCommerce's price div HTML, with two HTML div boxes, one containing the price without VAT, and the other containing the price including VAT.

Awesome Lists containing this project

README

          

# wordpress-woocommerce-vat-price
This plugins replaces the WooCommerce's price div HTML, with two HTML div boxes, one containing the price without VAT, and the other containing the price including VAT.

# Notice
This is currently hardcoded for the danish VAT value at 25%.

# Usage
This plugin will replace the initial prive HTML div element, with the following:
```


1.000,00

DKK




1.250,00

DKK



```

# Styling
The plugin doesn't include any styling of this so far, so you will have to apply your own styling.

### Here is a sample style added to [ji.dk](ji.dk):
![Screenshot from ji.dk](https://raw.githubusercontent.com/ulties/wordpress-woocommerce-vat-price/master/screenshots/ji-dk.png "Price Section from ji.dk")

**Code:**
```
/* Styles for showing prices with and without VAT */
.woocommerce ul.products li.product .price-with-vat, .woocommerce ul.products li.product .price-without-vat {
color: #000;
font-size: 14px;
margin: -5px 0 0 0;
font-weight: 300;
letter-spacing: 0.2px;
text-align: center;
display: block;
margin-bottom: 10px;
}
.woocommerce ul.products li.product .price-with-vat::after, .woocommerce div.product .price-with-vat::after {
content: '(incl. moms)';
display: block;
letter-spacing: 0.3px;
font-size: 9px;
}
.woocommerce ul.products li.product .price-without-vat::after, .woocommerce div.product .price-without-vat::after {
content: '(excl. moms)';
display: block;
letter-spacing: 0.3px;
font-size: 9px;
}
```