styling cart drop down module

  • Posts: 490
  • Thank you received: 2
4 years 3 months ago #323189

-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.18
-- PHP version -- : 7
-- Error-message(debug-mod must be tuned on) -- : none

hi

can you please assist me on how to style the cart module?

1. i'd like to increase the bottom margin or padding of the table but i cant get it to work.

2. how to add bottom border to thead and tbody

3. change background color of table head

4. is there an option to have the cart module just display an icon that an order has been made?

5. and follow up to number 4 when you click the icon it usually slides down, can we have the module slide from the left or right like on a hidden canvass with a slide in motion.

6. is there an option to make the cart popup on click?

7. on the item name the product code appears. how to remove it?


please help

thanks

[Moderator] Please don't edit long after posting your message that mess up our work organisation and can leads to increase our answer delay.
If you have new elements please post a new message, thanks for your attention.[/Moderator]

Last edit: 4 years 3 months ago by Philip.

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
4 years 3 months ago #323208

Hello,

First, we need to have more elements to be able to provide more precises solutions, like do you use cart design or not, or better see the context via an Url link.
In general, I invite you to have a look on this tutorial to see how to add custom css that can fit most of your needs here.

"1. i'd like to increase the bottom margin or padding of the table but i cant get it to work."
I assume from your return, that your custom css command priority isn't strong enough, here some tricks to increase your command priority :
- Put at the end of your css file your command
- add html class elements in the selector
- Only, if previous didn't work add an "!important;"

"2. how to add bottom border to thead and tbody"
Use this kind of command :

thead_html_class {
    border: 1px solid yourColor;
    border-width: 0px 0px 1px 0px;
}

"3. change background color of table head"
thead_html_class {
    background-color: yourColor;
}

"4. is there an option to have the cart module just display an icon that an order has been made?"
I think that you can switch off, quite close all elements, and complete this with some css commands in order to hide the remaining elements.

"5. and follow up to number 4 when you click the icon it usually slides down, can we have the module slide from the left or right like on a hidden canvass with a slide in motion."
Almost everything is possible via css command, now this modification will leads to lots of complex css commands, and which will also largely depend on the context of your site (template, html, and website configuration), and so from this, 2 solutions you have the required css (plus html & php) knowledge or you ask us for this custom through our Contact us form
Note : The person that manage custom css are in Holiday until the September 2.

"6. is there an option to make the cart popup on click?"
Yes, in your module setting, change your "Mini cart" option for "Dropdown cart"
alt


"7. on the item name the product code appears. how to remove it?"
Quite strange, the module cart haven't to display the product code, can we see your website, we don't see how is it possible.

Regards

Last edit: 4 years 3 months ago by Philip.

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

Time to create page: 0.053 seconds
Powered by Kunena Forum