Reg. price of sale item strikethrough?

[minifig]

Hi. I'm converting a SS store from an older version to the newest one. I've begun the new site by copying the classy-orange theme.

I want the new site's products to have strikethroughs on the regular prices when it's on sale. I've found no option for it in the SS interface, so, How can I do this? please help with detail. I assume I need to add some text to the pr_vars.sst include file were it says:
[-- VAR.pr_sale_reg_price_style "" --]

But what do I add? And, are there other places (in other templates) that I'll need to make this modification too?

-Suz

[BFChris]

Not sure if there is any easier way, but I used a conditional bit of code in a Custom Template combined with a CSS style and style sheet.

In my Product Template:

Code: Select all

[-- IF PRODUCT.SaleOn --]
   <span class="regprice">[-- PRODUCT.Price --] </span><span class="saleprice">ON SALE! [--    PRODUCT.SaleAmount --]</span>
[-- ELSE --]
   <span class="price">[-- PRODUCT.Price --]</span>
[--END IF --]

In my CSS file:

Code: Select all

.regprice {
   text-decoration: line-through;
   font-size: 80%;
}

.saleprice {
   color: red;
   font-weight: bold;
}

Hope that helps.

Sincerely,