Add View Cart button to top of site

-- HikaShop version -- : 2.6.1

Hi, I've been looking through all the posts on here regarding adding a new button to CSS so users can click on a Cart icon at the top of the site... however, I'm unable to get it to work..

Steps taken -
1. Under Modules, I created a new module of type Hikashop (mini cart), gave it suffix - hika_cart_mini. Positioned this module to display right hand side.
2. under HikaShop > Configuration > Display > CSS I added the following CSS -

.hika_cart_mini h3 {
padding-left: 15px;
padding-top: 5px;
color: #FFF;
font-size: 12px;
background: url(../images/cart_top.png) no-repeat;
height: 25px;
}

When I save, then refresh the front page I can see the mini cart Total but no icon... when I inspect the CSS via firefox it doesn't show any of the CSS I created above.. Am I missing a step?

regards,
Craig,

hi, I'm not understanding what you mean.. ?

I created a copy of the Hikacart module and renamed this to Hikacart (mini) as I dont want to change the main cart as it is not a mini cart.

see attached images.

site is now online.

thanks

Hi, I put a space in front of the suffix so its now " hika_cart_mini"

then I saved, cleared cache and reloaded page.. class still not showing on page.

see attachements

hi, I managed to get the icon to be added by following the link - adding cart icon

The only other problem is how to I position the icon correctly .. can this be done via CSS.. if so how.. I'd like it to sit next to the Login link on the page

Hello,
Yes the solution will probably to use some CSS code like this for example :

#menuright #hikashop_cart_module {
    padding-left: 89px;
}

You can do the modifications in the frontend css file via the menu Configuration > Display > CSS
Use the @media tags to change the width of the columns when the width of the page is less than xx.

ex:
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}


Here is some documentation about the layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

Thanks for your Help!