Build a Static Menu with Rollovers

[r2llc1605]

Hello,

I am semi-new to zen cart. I have built a few sites, but I have never been as picky about the menu on a ZC site as I have been on my current project.

I am looking to include a menu, probably static (I think), with rollover jpegs like the attached mockup. I have tried a number of add on solutions but am convinced its going to take something more. Can anyone help? How would I create a menu, position it on the site as in the attached mockup, with each menu item having a rollover effect. I could do this in HTML but I do not know how to integrate it into ZC.

At a loss, any help would be appreciated!

see my progress here: CLICK HERE

Thanks!
Ryan

[Get Em Fast]

This can be accomplished by using the CSS Horizontal Dropdown Menu using your background images.

Hope this helps.

[r2llc1605]

I have that add-on installed but I cannot figure out how to A) position it so that it is in the position illustrated in the mockup and, B) cannot figure out the css to make each button a unique image and, C) make each unique image link to the category of the same name, I don't need drop-down effects on this site.

Any help?

Thanks!
Ryan

[atl2rva]

Sorry if I am intruding on your forum, but I was wondering if you might know of a similar mod that would work for the sidebox categories. My site has well over 20 Categories so the horizontal bar doesn't really cut it and I have it disabled. I am loving for a hover when mouse over effect or a click with dropdown without refreshing the page (this one I have seen on a zen-cart page before)

[missinglife]

I have same issue too

[r2llc1605]

OK. I figured something out. I ended up creating a new div layer in the tpl_header.php file just inside the logowrapper div, then created CSS rollover buttons and used the CSS to position everything.

I am a novice to this programming stuff so I am sure its not the prettiest format wise, but it works, for now, and I'm happy.

You can take a look here: CLICK HERE

I will say that even though "GET EM FAST's" suggestion wasn't exactly what I needed, it did get me looking around in the code and ultimately helped me discover how to make this work.

So for that, THANKS!!

Ryan

[Get Em Fast]

I have that add-on installed but I cannot figure out how to A) position it so that it is in the position illustrated in the mockup and, B) cannot figure out the css to make each button a unique image and, C) make each unique image link to the category of the same name, I don't need drop-down effects on this site.

Any help?

Thanks!
Ryan

It takes a little work with the css to position your background images, and you can take out the menu parts not needed and still have the rollover effect.

[schoolboy]

OK. I figured something out. I ended up creating a new div layer in the tpl_header.php file just inside the logowrapper div, then created CSS rollover buttons and used the CSS to position everything.

I am a novice to this programming stuff so I am sure its not the prettiest format wise, but it works, for now, and I'm happy.

You can take a look here: CLICK HERE

I will say that even though "GET EM FAST's" suggestion wasn't exactly what I needed, it did get me looking around in the code and ultimately helped me discover how to make this work.

So for that, THANKS!!

Ryan

Your site took 8 minutes and 19 seconds to load. Please move off coal-fired and onto electricity... it's faster.

Seriously... the only reason I waited was to see your menu. (which didn't seem to work in the manner you describe... )

[Get Em Fast]

Sorry if I am intruding on your forum, but I was wondering if you might know of a similar mod that would work for the sidebox categories. My site has well over 20 Categories so the horizontal bar doesn't really cut it and I have it disabled. I am loving for a hover when mouse over effect or a click with dropdown without refreshing the page (this one I have seen on a zen-cart page before)

I have same issue too

You might try the CSS Flyout Menu. You can find it HERE. You can view this in action on my site.

[r2llc1605]

Your site took 8 minutes and 19 seconds to load. Please move off coal-fired and onto electricity... it's faster.

Seriously... the only reason I waited was to see your menu. (which didn't seem to work in the manner you describe... )

WOW! It took that long for you? I have been working on this site on about a dozen different computers (PC & Mac) on about a dozen browsers, and a dozen different ISP's and not once have I had a load take that long. I can pull it up on my iPhone on an edge network faster than you describe. Maybe you just caught my server on a bad day.

But rather than simply saying how bad things are, what about something constructive. For example, if load time sucks, suggest how to fix it. If the menu isn't working properly, then propose a solution.

Seriously, you've posted to this forum more than four thousand times, you should know better.