Pure CSS Mega Menu

dharrison:

Hi Anne

Your menu looks appropriate for my website. Just one question: Instead of listing all the categories under the category heading, we would like to list our 4 top categories so boys 4-7, boys 8-12, girls 4.7 etc.

Is this an easy tweak using the plugin? Please advise.

Thanks

Take a look at this thread and also the Abbingtin Mega template suppport thread for posts about this.

Thanks,

Anne

Hi Anne

I have gone through both forum threads including the Abbington (all 68 pages of it) and where categories are briefly touched on throughout both the one time someone asks the same question that I did, they're told it requires customisation.

I even looked on the Picaflor-Azul forum and the same thing was said to someone else there.

Please please could you offer me some insight or point me in the right direction? I have a bit of PHP knowledge but I am good at following advice and patterns.

Many thanks in advance. :)

Slowly but surely losing my mind. In the mega menu, what variables control the actual height of the gradient in the tabs? Also, having an issue where fill-in boxes under contact us are not aligned on left edge. Thoughts?

dgantonacci:

Slowly but surely losing my mind. In the mega menu, what variables control the actual height of the gradient in the tabs? Also, having an issue where fill-in boxes under contact us are not aligned on left edge. Thoughts?

If you want to make changes to the css I would strongly recommend using the firefox web developer tools/firebug. Firebug will tell you which line of the css you need to edit.

If you still need help, be sure to post a link to your site and what you are specifically looking for so that I can help you.

Thanks,

Anne

Hi Anne,

I love your add on! Thanks soo much.

I have a quick question, I have searched everywhere and read the support thread and i'm pretty sure it hasn't been mentioned.

I would like to change the display order of the menu and add some extra drop down menus

My website is https://www.ebizzle.co.uk

I would like the menu to display HOME….SHOP…. ABOUT US …. QUICK LINKS …. CUST. LOG IN….CONNECT….CONTACT

Which file do I need to edit to edit the sort order? and How do I create a new menu tab?

Also - my contact us is not displaying on my menu?

Thanks in advance for your help,

Jordan

I too have had trouble adding links or drop downs to the menu, they are placed right but won't show up so not sure what to do.

but you can rearrange the info in your tpl_mega_menu.php file:

justmusthave:

Hi Anne,

I love your add on! Thanks soo much.

I have a quick question, I have searched everywhere and read the support thread and i'm pretty sure it hasn't been mentioned.

I would like to change the display order of the menu and add some extra drop down menus

My website is https://www.ebizzle.co.uk

I would like the menu to display HOME….SHOP…. ABOUT US …. QUICK LINKS …. CUST. LOG IN….CONNECT….CONTACT

Which file do I need to edit to edit the sort order? and How do I create a new menu tab?

Also - my contact us is not displaying on my menu?

Thanks in advance for your help,

Jordan

I am happy that you like the module. You will need to edit the includes/templates/override/common/tpl_mega_menu.php file. You will make your changes using xhtml and css.

Thanks,

Anne

DarkAngel:

I too have had trouble adding links or drop downs to the menu, they are placed right but won't show up so not sure what to do.

but you can rearrange the info in your tpl_mega_menu.php file:

You most likely have mistakes in your code. If you post an example I can take a look.

Thanks,

Anne

Hi Anne

Thank you for this stand alone mod. I have it installed and have been playing around with it for the last couple of days. I am however, stuck and am looking to see if you (or someone else who may know what I am doing wrong) would be kind enough to point me to the right direction. This site is a clean ZC 1.5.1 install with column divider pro, footer menu and Image Handler 4 installed.

I have a large list of manufacturer's that I am trying to display in either 3 or more columns. I changed the tpl_mega_menu.php to say this:

<li class="manufacturers-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_MANUFACTURERS; ?></a><!--bof shop by brand --> <div class="dropdown_3column"> <div class="col_3 firstcolumn">

          <ul >

This does provide me a list however, the spacing on the mega menu breaks (everything is getting pushed to the right) and the list of the manufacturers is displayed withouth hovering over menu. The site can be seen at www(dot)just-vibrators(dot)com/zencart/just-vibrator

Any help will be appreciated. Thank you again for the wonderful mod.

kman55:

Hi Anne

Thank you for this stand alone mod. I have it installed and have been playing around with it for the last couple of days. I am however, stuck and am looking to see if you (or someone else who may know what I am doing wrong) would be kind enough to point me to the right direction. This site is a clean ZC 1.5.1 install with column divider pro, footer menu and Image Handler 4 installed.

I have a large list of manufacturer's that I am trying to display in either 3 or more columns. I changed the tpl_mega_menu.php to say this:

This does provide me a list however, the spacing on the mega menu breaks (everything is getting pushed to the right) and the list of the manufacturers is displayed withouth hovering over menu. The site can be seen at www(dot)just-vibrators(dot)com/zencart/just-vibrator

Any help will be appreciated. Thank you again for the wonderful mod.

I was playing with the css, as I knew the solution was in the css file. I was able to fix the problem I caused. I had to add .mega-menu .dropdown_3columns under /* bof drop down styles /, then .mega-menu li:hover .dropdown_3columns under/ bof drop down on mouse hover left aligned */. That seemed to have fixed the issue.

Thanks Anne,
After trying it out for quite awhile now I decided that it was best to put our categories back in a sidebox. I now have the extra link above in the mega menu with the drops that will behave as they should. Removing the categories was needed for us because when the menu was there, and then hovered, the links would appear but to actually click on it you needed to go almost midway to the right of listed name to be able the click on it. Otherwise it would just close the hover totally.

Could be cause we have many categories with several subs, it also made for an extremely long listing, hence putting it back to the sidebox.

The mega-menu is great to have as a feature on non drop templates and is still a might different than the clunkier previous version someone else had years ago.

The only problem I have is a slight jerk when going from one menu tab to another. ai fixed it on another store site...LOL...but it did not work on mine so not sure what happened....course I had to do quite a bit of fixing at that site. I can live with the slight jerk. I tried using firebug but it was too confusing so I try using web developer.

Thanks for your continued help with your plugin and templates.

picaflor-azul:

You most likely have mistakes in your code. If you post an example I can take a look.

Thanks,

Anne

kman55:

I was playing with the css, as I knew the solution was in the css file. I was able to fix the problem I caused. I had to add .mega-menu .dropdown_3columns under /* bof drop down styles /, then .mega-menu li:hover .dropdown_3columns under/ bof drop down on mouse hover left aligned */. That seemed to have fixed the issue.

I am happy that you figured it out and posted your solution so that others who have the same question can benefit ;)

Thanks,

Anne

DarkAngel:

Thanks Anne,
After trying it out for quite awhile now I decided that it was best to put our categories back in a sidebox. I now have the extra link above in the mega menu with the drops that will behave as they should. Removing the categories was needed for us because when the menu was there, and then hovered, the links would appear but to actually click on it you needed to go almost midway to the right of listed name to be able the click on it. Otherwise it would just close the hover totally.

Could be cause we have many categories with several subs, it also made for an extremely long listing, hence putting it back to the sidebox.

The mega-menu is great to have as a feature on non drop templates and is still a might different than the clunkier previous version someone else had years ago.

The only problem I have is a slight jerk when going from one menu tab to another. ai fixed it on another store site...LOL...but it did not work on mine so not sure what happened....course I had to do quite a bit of fixing at that site. I can live with the slight jerk. I tried using firebug but it was too confusing so I try using web developer.

Thanks for your continued help with your plugin and templates.

Tracking down the "jogs" can be laborous, but it usually has to do with paddings/margins being slightly off in the menu elements ;)

Thanks,

Anne

Hey Anne,
Love the Menu. My buddy found it on the Oxford Dark layout and he loved how it was laid out. I have been able to change colors and all that no problem. He wants to add a menu item and I have looked and searched for 2 days now trying to find this. Where and how do I do this? Thanks Anne!

Raw Jigs:

Hey Anne,
Love the Menu. My buddy found it on the Oxford Dark layout and he loved how it was laid out. I have been able to change colors and all that no problem. He wants to add a menu item and I have looked and searched for 2 days now trying to find this. Where and how do I do this? Thanks Anne!

I am happy that you like it ;) You can edit the includes/templates/override/common/tpl_mega_menu.php file.

Thanks,

Anne

Hi Anne
I'm looking to add a 'subject' box to the contact us drop down in the menu. I have used http://www.zen-cart.com/downloads.php?do=file&id=226 and it works fine for the regular contact form but I can't seem to be able to add 'subject' to the mega menu so instead the mini form redirects to the main contact form requesting I fill in the subject there instead.
Many thanks in advance.

picandnix:

Hi Anne
I'm looking to add a 'subject' box to the contact us drop down in the menu. I have used http://www.zen-cart.com/downloads.php?do=file&id=226 and it works fine for the regular contact form but I can't seem to be able to add 'subject' to the mega menu so instead the mini form redirects to the main contact form requesting I fill in the subject there instead.
Many thanks in advance.

Got it! :smartalec:

add

<br class="clearBoth" />
                        <label for="subject">Subject<span class="required"> *</span></label>
                        <input name="subject" type="text" id="subject" size="30" value="" />

to includes/template/yourtemplate/common/tpl_mega_menu.php

hope this helps someone one day.

picandnix:

Got it! :smartalec:

add

I am happy that you figured it out ;) Thank you for posting your code so that others who want to do this will have it for reference.

Thanks,

Anne

picaflor-azul:

Tracking down the "jogs" can be laborous, but it usually has to do with paddings/margins being slightly off in the menu elements ;)

Thanks,

Anne

yup that is for sure...I got a migraine chasing down the jerkiness but all areas concerning the links/hovers all have same settings for margin/padding but will keep trying until I beat it up and it flies right...lol

DarkAngel:

yup that is for sure...I got a migraine chasing down the jerkiness but all areas concerning the links/hovers all have same settings for margin/padding but will keep trying until I beat it up and it flies right...lol

If you take a look at the original stylesheet_mega_menu.css file you will see that many of the paddings and margins are not the same. This might be your problem.

Thanks,

Anne