[Skip to main content](#vessel-content) # Cart Module - Background Image ## - **[Rigter](/forum/user/6713-rigter "View Rigter's Profile")** - [![Rigter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6713-rigter "View Rigter's Profile") Topic Author - [ Offline](/forum/user/6713-rigter) Less More - Posts: 6 - Thank you received: 0 - - 14 years 7 months ago [\#43603](#43603) by [Rigter](/forum/user/6713-rigter "View Rigter's Profile") *[Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#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!! :)")* was created by *[Rigter](/forum/user/6713-rigter "View Rigter's Profile")* 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!! ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[manuxx](/forum/user/6316-manuxx "View manuxx's Profile")** - [![manuxx's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6316.jpg)](/forum/user/6316-manuxx "View manuxx's Profile") - [ Offline](/forum/user/6316-manuxx) Less More - Posts: 60 - Thank you received: 2 - - 14 years 7 months ago [\#43606](#43606) by [manuxx](/forum/user/6316-manuxx "View manuxx's Profile") Replied by *[manuxx](/forum/user/6316-manuxx "View manuxx's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43606 "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. [ ![[IMG](http://img696.imageshack.us/img696/3606/hikacart.jpg) ](http://imageshack.us/photo/my-images/696/hikacart.jpg/) Uploaded with [ ImageShack.us](http://imageshack.us) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Rigter](/forum/user/6713-rigter "View Rigter's Profile")** - [![Rigter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6713-rigter "View Rigter's Profile") Topic Author - [ Offline](/forum/user/6713-rigter) Less More - Posts: 6 - Thank you received: 0 - - 14 years 7 months ago [\#43609](#43609) by [Rigter](/forum/user/6713-rigter "View Rigter's Profile") Replied by *[Rigter](/forum/user/6713-rigter "View Rigter's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43609 "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!! :)")* Hello manuxx, I'm not the only one! ![;)](/media/kunena/emoticons/24.png ";)") 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 ![:(](/media/kunena/emoticons/22.png ":(") [ ![HS-Addtocart-Button.JPG](/forum/attachment/3137) ](/forum/attachment/3137 "...art-Button.JPG") - [ ![HS-Addtocart-Button.JPG](/forum/attachment/3137) ](/forum/attachment/3137 "...art-Button.JPG") [ ](/forum/attachment/3137?download=1 "...art-Button.JPG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[manuxx](/forum/user/6316-manuxx "View manuxx's Profile")** - [![manuxx's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6316.jpg)](/forum/user/6316-manuxx "View manuxx's Profile") - [ Offline](/forum/user/6316-manuxx) Less More - Posts: 60 - Thank you received: 2 - - 14 years 7 months ago - 14 years 7 months ago [\#43612](#43612) by [manuxx](/forum/user/6316-manuxx "View manuxx's Profile") Replied by *[manuxx](/forum/user/6316-manuxx "View manuxx's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43612 "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!! :)")* Hi Maybe this post helps you [ www.hikashop.com/en/forum/4-how-to/19519...-to-cart-button.html](http://www.hikashop.com/en/forum/4-how-to/19519-add-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. [ ![[IMG](http://img100.imageshack.us/img100/6596/hikacart2.jpg) ](http://imageshack.us/photo/my-images/100/hikacart2.jpg/) Uploaded with [ ImageShack.us](http://imageshack.us) Regards Last edit: 14 years 7 months ago by [manuxx](/forum/user/6316-manuxx "View manuxx's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Rigter](/forum/user/6713-rigter "View Rigter's Profile")** - [![Rigter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6713-rigter "View Rigter's Profile") Topic Author - [ Offline](/forum/user/6713-rigter) Less More - Posts: 6 - Thank you received: 0 - - 14 years 7 months ago [\#43614](#43614) by [Rigter](/forum/user/6713-rigter "View Rigter's Profile") Replied by *[Rigter](/forum/user/6713-rigter "View Rigter's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43614 "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!! :)")* 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 ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 7 months ago [\#43629](#43629) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43629 "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!! :)")* 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: Code: \#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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Rigter](/forum/user/6713-rigter "View Rigter's Profile")** - [![Rigter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6713-rigter "View Rigter's Profile") Topic Author - [ Offline](/forum/user/6713-rigter) Less More - Posts: 6 - Thank you received: 0 - - 14 years 7 months ago [\#43663](#43663) by [Rigter](/forum/user/6713-rigter "View Rigter's Profile") Replied by *[Rigter](/forum/user/6713-rigter "View Rigter's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43663 "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!! :)")* 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. [ ![HikaShop-cartmodule-CSS.JPG](/forum/attachment/3144) ](/forum/attachment/3144 "...module-CSS.JPG") - [ ![HikaShop-cartmodule-CSS.JPG](/forum/attachment/3144) ](/forum/attachment/3144 "...module-CSS.JPG") [ ](/forum/attachment/3144?download=1 "...module-CSS.JPG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 7 months ago [\#43664](#43664) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43664 "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!! :)")* Yes, it should be like that. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Rigter](/forum/user/6713-rigter "View Rigter's Profile")** - [![Rigter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6713-rigter "View Rigter's Profile") Topic Author - [ Offline](/forum/user/6713-rigter) Less More - Posts: 6 - Thank you received: 0 - - 14 years 7 months ago [\#43673](#43673) by [Rigter](/forum/user/6713-rigter "View Rigter's Profile") Replied by *[Rigter](/forum/user/6713-rigter "View Rigter's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43673 "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!! :)")* Thank you. But something is wrong! It's not working ![:(](/media/kunena/emoticons/22.png ":(") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 7 months ago [\#43675](#43675) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43675 "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!! :)")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[manuxx](/forum/user/6316-manuxx "View manuxx's Profile")** - [![manuxx's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6316.jpg)](/forum/user/6316-manuxx "View manuxx's Profile") - [ Offline](/forum/user/6316-manuxx) Less More - Posts: 60 - Thank you received: 2 - - 14 years 7 months ago - 14 years 7 months ago [\#43685](#43685) by [manuxx](/forum/user/6316-manuxx "View manuxx's Profile") Replied by *[manuxx](/forum/user/6316-manuxx "View manuxx's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43685 "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!! :)")* That line \#hikashop_cart_module { background-image: url('[ mywebsite.com/mybackground.png](http://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: 14 years 7 months ago by [manuxx](/forum/user/6316-manuxx "View manuxx's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Rigter](/forum/user/6713-rigter "View Rigter's Profile")** - [![Rigter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6713-rigter "View Rigter's Profile") Topic Author - [ Offline](/forum/user/6713-rigter) Less More - Posts: 6 - Thank you received: 0 - - 14 years 7 months ago [\#43690](#43690) by [Rigter](/forum/user/6713-rigter "View Rigter's Profile") Replied by *[Rigter](/forum/user/6713-rigter "View Rigter's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43690 "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!! :)")* Hello, thank you again for the quick reply. Sorry, i do not have it online yet .... :blush: Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 7 months ago [\#43857](#43857) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Cart Module - Background Image](/forum/4-how-to/43603-cart-module-background-image#43857 "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!! :)")* @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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQzNjAzLWNhcnQtbW9kdWxlLWJhY2tncm91bmQtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.079 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)