How to adjust the width of the price in the invoice

  • Posts: 142
  • Thank you received: 3
  • Hikashop Business
1 year 8 months ago #343331

-- HikaShop version -- : HikaShop Business 4.6.1
-- Joomla version -- : 4.1.5
-- PHP version -- : 7.4.29
-- Browser(s) name and version -- : firefox

I need to change the width of the Price row.
The ¥and amount should be on the same line.
Please check the print screen.
How can I do that?

Attachments:

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
1 year 8 months ago #343337

Hello,

The most simple solution, is to add some css in your backend file css, have a look on this tutorial to learn how to proceed.
Note that you have to edit your Back-end CSS File (and not the frontend file CSS).

As suggestion, you have several possible css command, like :
- font-size => Have a specific smaller size only for your price
- width => Expand the column where the total price is.
=> From your screenshot, but maybe we are wrong it seems that you are on mobile, if we are correct, I suggest you to learn more about the "@media" ( Documentation ).

Results example :
@media only screen and (max-width: 750px) {
.price_html_class {

font-size: 0.7em;
}
.column_html_class {
width: 120%;
}
}


Hope this will allow you to adjust this display.
Regards

Last edit: 1 year 8 months ago by Philip.

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

  • Posts: 142
  • Thank you received: 3
  • Hikashop Business
1 year 8 months ago #343389

Hi Philip
I use a desktop not mobile.
Also I do not have any CSS experiance, therefore I need the exact writing of the CSS writing.
I just need the price row to be wider, I don't want the price to look smaler that would be very strange looking.
Can you supply me with that?
I need to print out the Invoice back end and send it with the goods to the customer. So this should be looking good.
Thanks
Raphael

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
1 year 8 months ago #343395

Hello,

If we are talking about adjusting the view invoice, then the story is a little different, you always custom your invoice view (Backend & frontend) but if you want to print and send it to the customer, then you have our plugin pdf invoice .

With this you will have a refine design and everything that you need, if we understand well your need.
Hope this will fit your needs.

Regards

Last edit: 1 year 8 months ago by Philip.

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

  • Posts: 142
  • Thank you received: 3
  • Hikashop Business
1 year 8 months ago #343410

Hi Philip

I used hikashop for several years now and updated the system from joomla 2.5 to joomla 4. We never had the problem that the price was not showing correctly.
Your shop is sold worldwide and should be working with all currency's that are around. I need a solution to make this row wider nothing else!
Kind regards
Raphael

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

  • Posts: 4491
  • Thank you received: 609
  • MODERATOR
1 year 8 months ago #343413

Hello,

That was just a suggestion, now in order to redisgn your invoice view Backend and Frontend, follow me step by step :
1. Open 2 folders(1 for backend & 1 for frontend)
For backend : YourWebsite\administrator\components\com_hikashop\views\order\tmpl\
For frontend : YourWebsite\components\com_hikashop\views\order\tmpl\
2. Open your relative files
For backend : invoice.php
For frontend : show.php
3. Edit your file to add inline css commands, like shown on my screenshot :
For backend : invoice.php around line 341



For frontend : show.php around line 493


Of course, you have just to adjust width command value to your needs.
Regards

Last edit: 1 year 8 months ago by Philip.

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

  • Posts: 142
  • Thank you received: 3
  • Hikashop Business
1 year 8 months ago #343461

Hi Philip
For the backend it was exactly what I needed. looks perfect now.
And for the front end we had no issue.
Thanks for your help.
Kind regards
Raphael

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

Time to create page: 0.071 seconds
Powered by Kunena Forum