Unit Testing

Example With Sale On:

[amazon fields=”B07PDHSLM6″ value=”price”]
[amazon fields=”B07PDHSLM6″ value=”list_price”] −[amazon fields=”B07PDHSLM6″ value=”amount_saved”]

Example Without Sale On:

[amazon fields=”B07XJ8C8F5″ value=”price”]
[amazon fields=”B07XJ8C8F5″ value=”list_price”] −[amazon fields=”B07XJ8C8F5″ value=”amount_saved”]

No Minus Symbol With Sale On

[amazon fields=”B07PDHSLM6″ value=”price”]
[amazon fields=”B07PDHSLM6″ value=”list_price”] [amazon fields=”B07PDHSLM6″ value=”amount_saved”]

No Minus Symbol Without Sale On

[amazon fields=”B07XJ8C8F5″ value=”price”]
[amazon fields=”B07XJ8C8F5″ value=”list_price”] [amazon fields=”B07XJ8C8F5″ value=”amount_saved”]

HTML With Minus Symbol

<div class="aawp-product__pricing"><span class="aawp-product__price aawp-product__price--current">[amazon fields="B07PDHSLM6" value="price"]</br><span class="aawp-product__price aawp-product__price--old">[amazon fields="B07PDHSLM6" value="list_price"]</span>&nbsp;<span class="aawp-product__price aawp-product__price--saved">&#8722;[amazon fields="B07PDHSLM6" value="amount_saved"]</span></div>

CSS

.aawp-product__price--old {
    font-size: 14px;
    text-decoration: line-through;
    color: #666;
}

.aawp-product__price--saved {
    border-radius: 2px;
    background: #27ae60;
    background: rgba(39,174,96,0.8);
    padding: 4px 6px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin-top: 11px;
    margin-bottom: 11px;
}

.aawp-product__price--current {
    font-size: 20px;
    font-weight: 600;
		color: #324057;
}

.aawp-check-prime {
    border: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
}