change colour of non-discounted prices

  • Posts: 218
  • Thank you received: 6
12 years 11 months ago #37149

Hi, At the moment all the prices are being displayed as red.

for example
$50.00

However, i only want discounted prices to show as red and all non-discounted prices to be black.

So i want =

$50.00
$25.00

and normal prices to show black like:

$50.00

Last edit: 12 years 11 months ago by woonydanny.

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13415
  • MODERATOR
12 years 11 months ago #37268

if you don't want the red on the non discounted price, you can add such CSS in the front end CSS file of HikaShop that you can edit via the Display tab of the configuration:

.hikashop_product_price_before_discount{
color: black !important;
}

The following user(s) said Thank You: woonydanny

Please Log in or Create an account to join the conversation.

  • Posts: 218
  • Thank you received: 6
12 years 11 months ago #37291

You may want to change this as default styling for hikashop as it is common for the price to be in black and the discounted/sale price to be in red. It seems quite strange to have the normal price in red IMO.

Please Log in or Create an account to join the conversation.

  • Posts: 218
  • Thank you received: 6
12 years 11 months ago #37294

Actually the css you gave is not correct. It seems that the discounted price has the same css as the normal price on other products.

i need a css class for the discounted price which it seems doesn't exist.

the css that is needed is for 3 different prices:
product_price_discount, product_price_before_discount, and also product_price

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13415
  • MODERATOR
12 years 11 months ago #37417

Could you give a link to a page where you have that ?
The CSS modification I provided works fine for our product prices before discount.

Please Log in or Create an account to join the conversation.

  • Posts: 218
  • Thank you received: 6
12 years 11 months ago #37419

PM sent

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13415
  • MODERATOR
12 years 11 months ago #37534

I can see the non discounted prices in black on your website. So it's working for me on your website.
Are you talking about something else ?

Please Log in or Create an account to join the conversation.

  • Posts: 218
  • Thank you received: 6
12 years 11 months ago #37566

The product category page has all the normal prices in red when i want them to be black



the product detail page has the normal (non-discounted) price in red when i want it black



what do i need to change? i think another css class needs to be added..

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13415
  • MODERATOR
12 years 11 months ago #37692

That's not possible with just CSS. You will have to edit the file "listing_price" of the view "product" to add such class to the product price when discounted.

Please Log in or Create an account to join the conversation.

Time to create page: 0.080 seconds
Powered by Kunena Forum