Price Display

  • Posts: 15
  • Thank you received: 0
  • Hikashop Business Hikashop Style
3 months 5 days ago #358597

-- HikaShop version -- : 5.0.3
-- Joomla version -- : 5.0.2
-- PHP version -- : 8.2.14
-- Browser(s) name and version -- : Chrome OSX

Hi

how do i adjust the pricing display - i have 2 issues

1. adjusting the price display - so its not so small and unreadable - e.g. font and font size - possibly also putting text in front of it.
2. have the price at the top of product display - reflect/change as options are changed add - it changes at the bottom - but again this is too small and not obvious and can lead to been accussed of deceptive practice (in Australia)

see URL and also screenshot attached

Peter

Attachments:

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

  • Posts: 4533
  • Thank you received: 612
  • MODERATOR
3 months 2 days ago #358635

Hello,

You can add custom css in order to increase font size & family, see this documentation .

You use these kind of commands by example "font-size: 1.5em;" ( documentation ) and/or "font-family: Arial, Helvetica, sans-serif;" ( documentation ).
Hope this will help you.
Regards

Last edit: 3 months 2 days ago by Philip.

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

  • Posts: 15
  • Thank you received: 0
  • Hikashop Business Hikashop Style
3 months 2 days ago #358663

Hi

ok - i will give this a go...

the second questions - about ensuring that the Amount at the top changes in line with any added options... how do i do that?

peter

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

  • Posts: 15
  • Thank you received: 0
  • Hikashop Business Hikashop Style
3 months 2 days ago #358664

Hi

what elements do i have to change in order to effect the size and colour of the total amount?

I am not a CSS person or a programmer - just a business owner trying to get a shop up and running. While i can adjust basic HTML and CSS - knowing what element have to be adjusted would be helpful

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

  • Posts: 4533
  • Thank you received: 612
  • MODERATOR
3 months 1 day ago #358666

Hello,

Around your price, I will need to see the product page to be sure I'm not wrong, but if it's your product retail price, it can be dynamically changed.
When it's possible, in order to be specific in our help, we will need to see the website by ourselve.

For your Css, these commands may help you :

span.hikashop_product_price {
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
Regards

Last edit: 3 months 1 day ago by Philip.

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

  • Posts: 15
  • Thank you received: 0
  • Hikashop Business Hikashop Style
3 months 23 hours ago #358741

Hi Phillip

thanks for your help, i was able to modify the style_custom.css file and I was able to get the format of the product price (with variations) to be a size closer to what I want.

How do i get the size of the price with options (price) to change size (see screenshot red arrow pointing to what I want
i also want some additional space above and below it.

Bonus - if i can have the Price with options price - replace with the Price at the top...

peter

Attachments:

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

  • Posts: 4533
  • Thank you received: 612
  • MODERATOR
3 months 17 hours ago #358746

Hello,

For target your price with option, you have to get his Html class, and you can use your browser inspector tool, follow me step by step:
1. Point your element, and right click
2. Select "Inspect" or "Inspector tool"
3. A new window will display the Html :

alt

=> See red bordered part, this will allow you to build Selector

For your both price dynamically changed to have your two prices change dynamically, given the way the page was designed this is only possible via a custom...
Otherwise we can suggest intermediate solutions depending on the goal.

For example, you can move your price with option instead of the price (set without option) via an override view or just hide it, via a custom Css like "display: none".
Regards

Last edit: 3 months 21 hours ago by Philip.

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

Time to create page: 0.079 seconds
Powered by Kunena Forum