Howto show original price as crossed-out
The trick is to use CSS to create the effect.
Add the following code to your CSS (Cascading Style Sheet) file:
This creates a style where the text is; grey, line-through and size 13px.
Place the following code on the Workspace product page template:
This script assumes that you set your old price (or whatever price you want to cross out) into product field "Title 1". You can also use any other product field for this purpose.
An other way is to use CSS with a background picture to make even more visual effect:
background: #FFFFFF url(http://www.URLtothepicture.com/pics/oldprice-bg.gif) no-repeat;
This script displays a background image for the price. It can be a cross or some other visual effect.
<< Back to HOWTO index
Software: Smilehouse Workspace
Author: Juha Valvanne
About author: Juha Valvanne is working at Smilehouse as a User Interfaces
Designer and Project Manager.
Contact author: email@example.com