Change columns width in Shopping Cart Quantity

  • Posts: 13
  • Thank you received: 0
  • Hikashop Business
3 weeks 5 days ago #310252

-- HikaShop version -- : 4.2.1 [1907301824]
-- Joomla version -- : 3.9.11
-- PHP version -- : 7.2

We require some guidance please?

Is there a way to determine or set the width of the columns in the Sales Cart Module?

As to make more space available?

Any advice would be appreciated?

Attachments:
Last edit: 3 weeks 5 days ago by leader. Reason: Spelling mistake

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

  • Posts: 66889
  • Thank you received: 9887
  • MODERATOR
3 weeks 5 days ago #310255

Hi,

With custom CSS to can change the width of the columns yes. And you can add margins as well.

If you issue is with the prices being on two lines, you can for example add such CSS on your website:

.hikashop_cart_module_product_price_value {
    width: 100px;
    display: block;
}
www.hikashop.com/support/documentation/1...ize-the-display.html

The following user(s) said Thank You: leader

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

  • Posts: 13
  • Thank you received: 0
  • Hikashop Business
3 weeks 3 days ago #310322

Thank you very much for the reply.

We have opened the file: product / cart.php under display > views.

Is this the correct file?

Which line should we edit or where should we add the code to narrow the quantity column and widen the Price column?

We have migrated from eShop and have been quite successful to date using the documentation, but do get stuck now and then when we don't know exactly what to search for to resolve the problem?

Hoping you can help and looking forward to a reply?

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

  • Posts: 66889
  • Thank you received: 9887
  • MODERATOR
3 weeks 3 days ago #310326

Hi,

This is CSS. So you need to add that in a CSS file, not a view.
The link I gave you in my previous post explains how to add CSS in HikaShop, under the CSS section of the Display tab of the HikaShop configuration.

The following user(s) said Thank You: leader

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

  • Posts: 13
  • Thank you received: 0
  • Hikashop Business
3 weeks 2 days ago #310367

Thank you for the reply.

We are Hikashop newbies and have managed to get a lot done using the forum posts and documentation when googling.
By no means are we experts and would really appreciate your guidance?
Please could you assist in providing more information as to where we can edit the CSS files?
Are these also under Display > Views?

Last edit: 3 weeks 2 days ago by leader.

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

  • Posts: 66889
  • Thank you received: 9887
  • MODERATOR
3 weeks 2 days ago #310372

Hi,

It's not in Display>Views.
As I said, it's in the HikaShop configuration page.
So go in the menu Components>HikaShop>Configuration of your backend.
There, click on the Display tab. And under the "CSS" section, you'll see the CSS options where you can edit them to add your own CSS as explained in the link I gave you :
www.hikashop.com/support/documentation/1...ize-the-display.html
Please look there. There is even a screenshot (albeit a bit old) which displays the HikaShop menu, the configuration page, the display tab and the CSS options:
www.hikashop.com/images/stories/doc_display_3.png

Note that this doesn't require any HikaShop knowledge. You could add that CSS code I gave in the main CSS file of your Joomla template (or any other CSS file loaded on the page) and it would work as well as if you add it in HIkaShop.

The following user(s) said Thank You: leader

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

  • Posts: 13
  • Thank you received: 0
  • Hikashop Business
2 weeks 5 days ago #310502

Thank you Very much, was NOT aware that we could edit the CSS files within the configuration menu.

The documentation is at times confusing and does not always guide newbies in detail, so thank you very much for the detailed reply!

For other people that also struggle with this, you follow the links to CSS.

Then Click the Pencil Icon to edit the CSS.

Quick and easy!

Attachments:

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

Time to create page: 0.064 seconds
Powered by Kunena Forum