How to place a cart image in the header of the cart module

  • Posts: 80
  • Thank you received: 8
7 years 8 months ago #264160

-- HikaShop version -- : 3.0.0
-- Joomla version -- : 3.6.5
-- PHP version -- : 7.0
-- Browser(s) name and version -- : Chrome 9latest0
-- Error-message(debug-mod must be tuned on) -- : n/a

Hi,

I just upgraded luizink-werktuigen.nl in my test-environment (see provided link) to version 3.0.
After the upgrade I would like to use the original Hika Shopping Cart module.
In the header of the module I would like to to place an image of a cart next to the title (Winkelwagen). It should look like in the attachment.
The link to the image in the test-evironment is: /images/logos/winkelwagen-50.png



What is the way to do this. Please explain it in a way that can be reproduced by me. I do not have a lot of css experience.

Regards, Benny

Attachments:

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
7 years 8 months ago #264171

Hi,

First, before we talk about CSS, you have another problem to solve first:
monosnap.com/file/US3sTtZelC5PKh278VgXcA9dJtGnYG
All the modules on your sidebar have the same classes for their title.
So it's not possible at the moment to have one CSS to customize the title of one module there without affecting the others in the same position.
Each module has a module class suffix setting that you can use in order to configure different classes for different modules so that you can do such thing.
So first please try that and check the HTML of the modules with your browser to check that the classes are different for each module so that you can style them independently.
Otherwise, you might need to check with your template provider what they recommend to do.
Once you have a specific class for the cart module, you can just use such CSS:
.XXX h3{
//your CSS
}
where XXX is that specific class name. And for your CSS, you can do something like that:
stackoverflow.com/questions/735394/add-i...left-of-text-via-css

The following user(s) said Thank You: bp54

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

Time to create page: 0.065 seconds
Powered by Kunena Forum