I'm using the Commerce Price Savings Formatter (7.x-1.3) and Commerce Sale Price module (7.x-1.0-beta4), so I can clearly mark which products I want to show as having a SALE price. This seems to be working quite well.

The problem I'm having is when I mark the sale items and use the formatter to show a red sale "price" (as opposed to "list price"), ALL of my regularly priced products, on each full node page, are now showing as having red price tags (rather than the default color), even though they are not sale items.

I'd like to be able to theme an item's sale price separately and not have that CSS overrule the commerce CSS class for theming the regular price for all products. Is there a CSS class for this? I've been playing with this and haven't been able to isolate just the "price" element (or what I believe should be labeled as "sale price") without having it affect all products. Ideally, I'm wanting to have the "list price" use my standard product node price theming (but with the text-decoration: line-through) and then have a sale price and savings amount visible in a different color, size, etc. That way, regular priced products are unaffected, and sale priced items really stand out.

So, is there a way to have the css for the sale "price" affect only those items which are on sale, and have no effect on regular priced items?

Thanks in advance for your help. Not sure if this should be a support or feature request. If this is a feature request, it may be a valuable one, as it would allow anyone to use this module with the price css theming they already have in place.

Comments

storytellerjeff’s picture

Status: Active » Fixed

I think I have this one solved. For reference, if anyone is having difficulties with this:

.commerce-price-savings-formatter-price .price-amount
- this css class overrides the active price of all products - it shows as the "sale price" of items on sale and the regular price of those that are not.

If you want to override just the "sale price" css, this class seems to do the trick:
.commerce-price-savings-formatter-prices-down .commerce-price-savings-formatter-price .price-amount

storytellerjeff’s picture

Status: Fixed » Closed (fixed)