how to show retail price with crossed line

  • Posts: 12
  • Thank you received: 0
9 years 10 months ago #158880

Does anyone know the following?
1. how to retail price with crossed line?
2 How to show both Price and Retail price on categories listing page (not on Product details page )?
3. How to show both our Price and Retail price on Products listing page (not on Product details page )?
for exp.
comm. price $ 1,500.-
our price $ 1,200.-

Last edit: 9 years 10 months ago by bbin0907.

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

  • Posts: 13201
  • Thank you received: 2322
9 years 10 months ago #158897

Hi,

1. You can use the css property:

.hikashop_product_msrp_price .hikashop_product_price{text-decoration: line-through;}
2 & 3. You have to edit the view "product / listing_price" via the menu Display > Views and remove twice time the code
&& JRequest::getCmd('layout') == 'show'

hikashop.com/support/support/documentati...ize-the-display.html

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

  • Posts: 12
  • Thank you received: 0
9 years 10 months ago #158985

Thank you

showed both our Price and Retail price on Products listing page is ok, but showed both Price and Retail price on categories listing page is not working

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

  • Posts: 12
  • Thank you received: 0
9 years 10 months ago #159039
Last edit: 9 years 10 months ago by bbin0907.

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

  • Posts: 344
  • Thank you received: 3
7 years 6 months ago #250756

Hikashop 2.6.4, joomla 3.6.2:

I used the above code to get the retail price crossed out,

.hikashop_product_msrp_price .hikashop_product_price{text-decoration: line-through;}

and it works perfect. But I want to make the retail price smaller. So it tried this code:
.hikashop_product_msrp_price .hikashop_product_price{text-decoration: line-through; font-size: 16px;}

But it doesn't work. No price smaller. Any advice ?

Last edit: 7 years 6 months ago by river.

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

  • Posts: 26000
  • Thank you received: 4004
  • MODERATOR
7 years 6 months ago #250761

Hi,

We can't know and unfortunately, the CSS customization it is outside the domain of the HikaShop support.
All I can recommend you is to use the browser inspector to see how the CSS rules are applied to the targeted element ; and use a rule with a better priority (or use "!important").
www.hikashop.com/support/documentation/1...the-display.html#css

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.085 seconds
Powered by Kunena Forum