Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Change Top_Menu Rollover images  (Read 2313 times)

Offline marushin

  • Newbie
  • *
  • Posts: 2
  • Karma: +1/-0
  • Marushin New Zealand
    • View Profile
    • Marushin New Zealand
Change Top_Menu Rollover images
« on: July 21, 2013, 08:17:40 PM »
Hi,

I'm using the HTML 5 template in AbanteCart Cart 1.1.5. I have added a button to the Top Menu - "Retailers". However, the icon beside it is the same as the "Home" button, and does not change when scrolled over. See here: marushin.2drivesafe.com

1. How do I change the icon?
2. How can I make the image a rollover image?

Thanks!

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 3972
  • Karma: +243/-9
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Change Top_Menu Rollover images
« Reply #1 on: July 21, 2013, 10:24:21 PM »
There is an icons image sprite used to show this icon
http://marushin.2drivesafe.com/storefront/view/default_html5/image/sprite.png

This is controlled by css class: #topnav ul li a.menu_home

You can create a new class entry: #topnav ul li a.menu_retailers with new icon image

We need your help to build better free open source eCommerce platform for everyone.
See how you can help

Offline marushin

  • Newbie
  • *
  • Posts: 2
  • Karma: +1/-0
  • Marushin New Zealand
    • View Profile
    • Marushin New Zealand
Re: Change Top_Menu Rollover images
« Reply #2 on: July 22, 2013, 04:38:01 AM »
Brilliant! With a wee bit of figuring out I got it :) Thanks for your help!