Cart Module - Background Image

  • Posts: 6
  • Thank you received: 0
12 years 1 month ago #43603

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!! :)

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

  • Posts: 60
  • Thank you received: 2
12 years 1 month ago #43606

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

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

  • Posts: 6
  • Thank you received: 0
12 years 1 month ago #43609

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 :(

Attachments:

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

  • Posts: 60
  • Thank you received: 2
12 years 1 month ago #43612

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

Last edit: 12 years 1 month ago by manuxx.

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

  • Posts: 6
  • Thank you received: 0
12 years 1 month ago #43614

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 :)

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

  • Posts: 81563
  • Thank you received: 13071
  • MODERATOR
12 years 1 month ago #43629

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:

#hikashop_cart_module {
background-image: url('http://mywebsite.com/mybackground.png');
}
You can add it in the front end CSS file of HikaShop in the Display tab of the configuration.

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

  • Posts: 6
  • Thank you received: 0
12 years 1 month ago #43663

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.


Attachments:

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

  • Posts: 81563
  • Thank you received: 13071
  • MODERATOR
12 years 1 month ago #43664

Yes, it should be like that.

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

  • Posts: 6
  • Thank you received: 0
12 years 1 month ago #43673

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

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

  • Posts: 81563
  • Thank you received: 13071
  • MODERATOR
12 years 1 month ago #43675

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

Could you put it online ?

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

  • Posts: 60
  • Thank you received: 2
12 years 1 month ago #43685

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:

Last edit: 12 years 1 month ago by manuxx.

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

  • Posts: 6
  • Thank you received: 0
12 years 1 month ago #43690

Hello, thank you again for the quick reply.

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

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

  • Posts: 81563
  • Thank you received: 13071
  • MODERATOR
12 years 1 month ago #43857

@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.

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

Time to create page: 0.104 seconds
Powered by Kunena Forum