Discounted Price Formatting

  • Posts: 158
  • Thank you received: 5
9 years 3 months ago #241070

-- HikaShop version -- : 2.6.3
-- Joomla version -- : 3.4.8
-- PHP version -- : 5.4.20

I'm struggling to make the discounted price look OK. I've tried to edit the listing_price.php page manually but there is just too much price related code in there, it ends up crashing the site.

This is the current look.



This is how I'd like it;


Can you please tell me how to edit the php to achieve this (I've attached the file).

Attachments:

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 3 months ago #241072

Hello,

To fit your needs you just need to replace the line 85 :

echo '<span class="hikashop_product_price_before_discount">'.JText::_('PRICE_DISCOUNT_START');

By
echo '<span class="hikashop_product_price_before_discount" style="display: block;">'.JText::_('PRICE_DISCOUNT_START');

As you can see only add Css command is needed.
Awaiting news from you.

Regards.

Last edit: 9 years 3 months ago by Philip.

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

  • Posts: 158
  • Thank you received: 5
9 years 3 months ago #241180

Thank you, that did the trick.

Last edit: 9 years 3 months ago by serbofleconcepts.

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

  • Posts: 252
  • Thank you received: 3
9 years 2 months ago #244647

Hi,
I'm struggling with this format.
we would like to have something similar.
Can I do this the same way or is there more coding needed?
Or is it something else on this issue?

Thanks in advance

Attachments:
Last edit: 9 years 2 months ago by Boudewijn.

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

  • Posts: 2143
  • Thank you received: 747
9 years 2 months ago #244649

Boudewijn wrote: we would like to have something similar.


Hi,

That's a bit vague. Plus, a screenshot is a bitmap, not a "live" page where one could inspect the code and suggest the correct CSS.

In general, here is a good explanation on how to find and apply the CSS you need: www.hikashop.com/support/documentation/1...the-display.html#css

In case trouble persists, a link and a clear description or screenshot mock-up would be necessary for further help.


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 252
  • Thank you received: 3
9 years 2 months ago #244650

Hi,
Hereby a link to the page
dodowear.nl/index.php/baby/meisjes?limit...ur_5=&filter_Maat_6=

What does seem to appear is the text 2 times.
Without a enter

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

  • Posts: 2143
  • Thank you received: 747
9 years 2 months ago #244651

The HTML output indicates that you seem to have something wrong in your language override, because there's "too much" within one span:

<span class="hikashop_product_price_before_discount">Prijs zonder korting13,95 €Prijs met korting</span>
<span class="hikashop_product_price hikashop_product_price_0 hikashop_product_price_with_discount">8,37 €</span>
Documentation on language modifications: www.hikashop.com/download/languages.html#modify

Once you have fixed this, the following CSS should work:
span.hikashop_product_price_before_discount {
    display: block;
    white-space: inherit;
}
Documentation, also on how you can find and fix style issues yourself: www.hikashop.com/support/documentation/1...the-display.html#css


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 252
  • Thank you received: 3
9 years 2 months ago #244652

Hi
After the modifaction it is looking better.
Thanks
The only thing needs to be changed is the line through the text.
Where can I find that part?
www.dodowear.nl/index.php/jongens-kledin...mit=20&limitstart=20

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

  • Posts: 2143
  • Thank you received: 747
9 years 2 months ago #244653

Oh well. You've been around here since a while, and you've seen the link before... most recently in my previous post. Why not look it up:
www.hikashop.com/support/documentation/1...the-display.html#css
www.hikashop.com/support/documentation/1...the-display.html#css
www.hikashop.com/support/documentation/1...the-display.html#css

span.hikashop_product_price_before_discount {
    text-decoration: none;
}

You'll have to admit, it's the most basic, simplest CSS......... :(


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 9 years 2 months ago by lousyfool.
The following user(s) said Thank You: nicolas

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

Time to create page: 0.104 seconds
Powered by Kunena Forum