Add a Strike-Through for a Sale Price
Requirements: You must be familiar with setting up ECommerce page and have products already implemented.
A very simple way to add style to sale price while displaying the actual price.
See Also:
Set Up
CMS SYNTAX
<p class="price">
<span class="sale">[[ecommerce type="Price"]]</span>
[[ecommerce type="Sale Price"]]
</p>RENDERED HTML
<p class="price">
<span class="skuPrice" rel="42">$100.00</span>
<span class="sale"><span class="skuSalePrice onSale" rel="42">$90.00</span></span>
</p> CSS
.price .sale .onSale {
text-decoration: line-through;
color: #900;
}
Here is the style: