Cart Module - Background Image

Hello!
Just starting to use Hikashop ( and joomla..)! Excellent product and for what i've seen, excellent support.

One question, that i could not find the answer!
- How to add an background image to Cart / mini Cart? (and change its size properties, etc.)

(using Hikashop on localhost, still much to learn)

Thank you A LOT!!

I was wondering the same,

I'm looking at the demo template but that code seems included in the template.css

Any simple way to add an image background to the cart as on the demo website.

Uploaded with ImageShack.us

Hello manuxx,

I'm not the only one!
I'm seeing CSS for the first time! But i'm starting to scratch the surface....
Yesterday i as able to change the PRICE COLOR! (needed to clean the cache of browser ... :pinch:

Now I've been trying to change the color/sizes off : ADD TO CART BUTTON

On Hikashop Configuration -> Display -> Front End CSS file to Custom -> (see attach.)
Tried to change color and font size, but nothings happeans

Hi

Maybe this post helps you www.hikashop.com/en/forum/4-how-to/19519...-to-cart-button.html

For the background image of the cart let's see what Nicolas says about it.

I always use firebug extension for firefox to check what file I have to modify, I'm quite new to joomla 2.5 and still learning this template override things.

Uploaded with ImageShack.us

Regards

Hello manuxx ! Thank you. Firebug, must get it.
and also thank you for the post link. I'll jump right to it.

Hope that Nicolas comes up with a nice and easy way to alter/define Cart/Minicart module display properties

That has to be done is CSS yes. I don't see how we could had options for styling the cart module. There are just too many possibilities and it also depends on your template's CSS.

The CSS to add a background image to the cart module is quite simple: You can add it in the front end CSS file of HikaShop in the Display tab of the configuration.

Thank you nicolas.

But still struggling with CSS...

1 - I have inserted your code at the bottom of frontend_custom.css - Can i do that ? Place this code anywhere?

2 - I'm still in "learning/training" mode, so the path to my image should be from my localhost as I've inserted? (please see attach.)

Thanks in advance.

Yes, it should be like that.

Thank you. But something is wrong! It's not working

We would need to look at the page with firebug in order to understand what's wrong.

Could you put it online ?

That line

#hikashop_cart_module {
background-image: url(' mywebsite.com/mybackground.png ');
}

Why it refers to the hikashop cart module? I'm trying to understand how joomla 2.5 and hikashop works here with css.

I miss joomla 1.5 in this cases, it was so easy just to take the image of a module that already had a css and replace it via ftp.

I see frontend_custom.css and adding that line you just say that the background for that css is "mybackground.png" but that css is only for the cart module?

Don't get it soz :dry:

Hello, thank you again for the quick reply.

Sorry, i do not have it online yet .... :blush:

@manuxx:
hikashop_cart_module is the id of the div that HikaShop adds around the cart module content. So yes, that CSS is only for the cart module. That's what our friend Rigter wants.

@Rigter:
No worry. Let us know when you put it online so that we can look at that.