Pure CSS Mega Menu

OOPS!

I just found out what I did wrong..., For some reason when I copied the code to paste into the tpl_header.php..., it created a space between the < and the first character of code. example: < ? instead of <?.

DUH!
Thanks anyway,
Danny

Quote:

---

Originally Posted by danielosko

OOPS!

I just found out what I did wrong..., For some reason when I copied the code to paste into the tpl_header.php..., it created a space between the < and the first character of code. example: < ? instead of <?.

DUH!
Thanks anyway,
Danny

---

I am happy that you figured it out ;)

Thanks,

Anne

Quote:

---

Originally Posted by amandavz

Hi Anne...

I installed this module and have a questions about brands. I would like to replace the brands (as I won't be using any) with reviews. Is it possible to do this? Thanks.

---

Yes, you can edit the includes/templates/override/common/tpl_mega_menu.php file.

Thanks,

Anne

Quote:

---

Originally Posted by liquidpics

Looking for a little help customising Mega-menu

We’ve made a decision to have 9 new Top level categories along a horizontal navigation marked on the attached image in pink. This has been done by taking the standard megamenu dropdown labelled “shop” and copying that piece of code from the tpl megamenu file 9 times and changing the name at the top of each.

The dropdown, which is marked in blue, is what would usually be Top level cats, and the sub of that, which is marked in green, would be the level 2.

What I’m trying to do is get the green bit where the blue bit should be. I simply need to move everything up a level, and find some way to tie that in to my own pink 9 top categories.

I’ve looked at the megamenu generator and other pieces of code with no joy.

Can anyone give me any starters on how this can be achieved?

Thanks for any input.

Kristian
Attachment 13178

---

If you post a link to your site I can take a look.

If you only want to show the top level catetgories, I would recommend using this menu as it will need much less customization:

http://www.zen-cart.com/downloads.php?do=file&id=1243

Thanks,

Anne

Hi Anne,

The Mega Menu was installed and worked great! However, I noticed that I had a large blank area at the bottom of every page on the website. (see pic). So I uninstalled the menu and all pages displayed normally, with only a few pixels of blank spaces which are wanted. I re-installed the menu and the menu once again worked great, but the large blank area returned.

Attachment 13246

If I simply remove the code in the tpl_header.php all pages display normally.., but when I include it I get like 12" of blank space.

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php'); ?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

Any ideas on how to resolve the issue?
Thank You Much!
Danny

Quote:

---

Originally Posted by danielosko

Hi Anne,

The Mega Menu was installed and worked great! However, I noticed that I had a large blank area at the bottom of every page on the website. (see pic). So I uninstalled the menu and all pages displayed normally, with only a few pixels of blank spaces which are wanted. I re-installed the menu and the menu once again worked great, but the large blank area returned.

Attachment 13246

If I simply remove the code in the tpl_header.php all pages display normally.., but when I include it I get like 12" of blank space.

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php'); ?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

Any ideas on how to resolve the issue?
Thank You Much!
Danny

---

I have not looked at your site, but my guess is that it is the length of your manufacturers and/or shop categories that is causing the space.

Thanks,

Anne

Wow Anne.., your GOOD!

That is exactly what is causing it. Do you know where in the CSS that I can make the spacing between the "Shop" category titles and also the "Brands" name titles smaller?

Thanks again,
Danny

Quote:

---

Originally Posted by danielosko

Wow Anne.., your GOOD!

That is exactly what is causing it. Do you know where in the CSS that I can make the spacing between the "Shop" category titles and also the "Brands" name titles smaller?

Thanks again,
Danny

---

If you post a link to your site I can take a look ;)

Thanks,

Anne

Hi Anne,

Thanks, but the site is under development on my local server. I found out where to adjust the line spacing, (line height), here is the code:

.mega-menu li:hover div a {text-decoration:none;border:none;padding:0;line-height:15px;}

However, the "Brands" list of the manufacturer names is still too long. So I guess I'm left with one of three options:
1) Remove the "Brands" container
2) Shorten the list of manufacturer names within the "Brands" container
3) or preferably convert the "Brands" container into three columns.

Unfortunately, I can not find enough detailed information about doing any of them.:(

Any thoughts or tips?
Danka,
Danny

Hi All,

I figured out how to make the "Brands" container into TWO columns instead of one.

First, open the tpl_mega_menu.php file.

Next, find:

Quote:

---

<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_1column">
<div class="col_1 firstcolumn">

<ul >
<?php

$show_manufacturers= true;

// for large lists of manufacturers uncomment this section
/*
if (($_GET['main_page']==FILENAME_DEFAULT and ($_GET['cPath'] == '' or $_GET['cPath'] == 0)) or ($request_type == 'SSL')) {
$show_manufacturers= false;
} else {
$show_manufacturers= true;
}
*/

---

and REPLACE it with:

Quote:

---

<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_2columns">
<div class="col_2">

<ul >
<?php

$show_manufacturers= true;

// for large lists of manufacturers uncomment this section

if (($_GET['main_page']==FILENAME_DEFAULT and ($_GET['cPath'] == '' or $_GET['cPath'] == 0)) or ($request_type == 'SSL')) {
$show_manufacturers= false;
} else {
$show_manufacturers= true;
}

---

That's it, you now have two columns in your "Brands" container.

Hope this helps someone else as well.
Danny:smile:

Quote:

---

Originally Posted by danielosko

Hi All,

I figured out how to make the "Brands" container into TWO columns instead of one.

First, open the tpl_mega_menu.php file.

Next, find:



and REPLACE it with:



That's it, you now have two columns in your "Brands" container.

Hope this helps someone else as well.
Danny:smile:

---

Thanks for posting your solution ;) If you read further back in the thread I believe that there are also some suggestions for converting the catgegories drop down to a multi column which could be applied to the brands drop down as well.

Thanks,

Anne

How to have menu bar with no gradient background, but trasparent?

Quote:

---

Originally Posted by 100asa

How to have menu bar with no gradient background, but trasparent?

---

You will edit the includes/templates/override/css/stylesheet_mega_menu.css file.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

You will edit the includes/templates/override/css/stylesheet_mega_menu.css file.

Thanks,

Anne

---

Thank you so much Anne, but if I asked for help in this forum means I'm not able to do so.

Quote:

---

Originally Posted by 100asa

Thank you so much Anne, but if I asked for help in this forum means I'm not able to do so.

---

If you post a link to your site I will take a look.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you post a link to your site I will take a look.


Thanks,

Anne

---

Www.100asa.it
Thank you very much

Quote:

---

Originally Posted by 100asa

How to have menu bar with no gradient background, but trasparent?

---

Quote:

---

Originally Posted by picaflor-azul

You will edit the includes/templates/override/css/stylesheet_mega_menu.css file.

Thanks,

Anne

---

Find this rule:

Code:

---

#mega-wrapper .mega-menu{width:940px;background:transparent;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#444;background:-moz-linear-gradient(top,#ccc,#383838);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ccc),to(#383838));border:1px solid #444;-moz-box-shadow:inset 0px 0px 1px #edf9ff;-webkit-box-shadow:inset 0px 0px 1px #edf9ff;box-shadow:inset 0px 0px 1px #edf9ff;list-style:none;margin:30px auto 0px auto;height:40px;padding:0px 20px 0px 20px;}

---

change to this:

Code:

---

#mega-wrapper .mega-menu{width:940px;background:transparent;/* -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#444;background:-moz-linear-gradient(top,#ccc,#383838);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ccc),to(#383838));border:1px solid #444;-moz-box-shadow:inset 0px 0px 1px #edf9ff;-webkit-box-shadow:inset 0px 0px 1px #edf9ff;box-shadow:inset 0px 0px 1px #edf9ff;*/list-style:none;margin:30px auto 0px auto;height:40px;padding:0px 20px 0px 20px;}

---

or this: (but not both)

Code:

---

#mega-wrapper .mega-menu{width:940px;background:transparent;list-style:none;margin:30px auto 0px auto;height:40px;padding:0px 20px 0px 20px;}

---

Ray

Than you rbarbour, works great!

I've 4 email address for recipient contact_us page; the email send from contact_us box on mega menu don't send and so don't arrive.

Quote:

---

Originally Posted by 100asa

I've 4 email address for recipient contact_us page; the email send from contact_us box on mega menu don't send and so don't arrive.

---

The form is currently set up for 1 email address only. You will need to make adjustments if you want to use it with the email drop down like on the standard contact us form.

Thanks,

Anne

Now I've setup in configuration-->email only one email address into contact_us dropdown; from contact_us page, email sending successfully, but not from the box mega-menu. How can setup a default address for contact_us page?

Quote:

---

Originally Posted by 100asa

Now I've setup in configuration-->email only one email address into contact_us dropdown; from contact_us page, email sending successfully, but not from the box mega-menu. How can setup a default address for contact_us page?

---

Out of the box, the mega menu contact us form does work. I would recommend restoring the original tpl_mega_menu.php file.

Thanks,

Anne

Hi All,
I love this menu, but it was important to me that my site menu 'work' on a mobile device. The current issue is that the headers are set to be links which return you to the main page when clicked. I just wanted the menu to show, but not refresh the page in any way.
Just to let you know the mod I have done for mobile devices....

I searched the web for a 'fake' link and the solution I used was this:

where each header link is generated in tpl_mega_menu.php I replaced the php href link code with a null javascript call as follows:

Existing link code:

<li class="information-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_INFORMATION; ?></a><!-- bof information -->


Modified link code:

<li class="information-li"><a href="javascript:;" class="drop"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<!-- bof information -->

Repeat this change for every header link.


I'm not a web developer and this may be a hack, but it was very important this menu worked on touch screen devices for me.
I hope this help others with mobile devices and this menu.

Logicalstep

Quote:

---

Originally Posted by logicalstep

Hi All,
I love this menu, but it was important to me that my site menu 'work' on a mobile device. The current issue is that the headers are set to be links which return you to the main page when clicked. I just wanted the menu to show, but not refresh the page in any way.
Just to let you know the mod I have done for mobile devices....

I searched the web for a 'fake' link and the solution I used was this:

where each header link is generated in tpl_mega_menu.php I replaced the php href link code with a null javascript call as follows:

Existing link code:

<li class="information-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_INFORMATION; ?></a><!-- bof information -->


Modified link code:

<li class="information-li"><a href="javascript:;" class="drop"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<!-- bof information -->

Repeat this change for every header link.


I'm not a web developer and this may be a hack, but it was very important this menu worked on touch screen devices for me.
I hope this help others with mobile devices and this menu.

Logicalstep

---

Thanks for posting your solution. I hope that it helps others ;)

Thanks,

Anne

Hi Anne,

Firstly, thanks for the script and the support you've given on it. I've already learned a lot!

But... I can't see how to get the UL Generator to do what I'm looking for.

I've already followed another thread and managed to create all of my top levels as separate drop-downs by copying the code as shown in this guide: http://nigeltsblog.blogspot.co.uk/20...pdown-for.html All good so far.

What I'm trying to do is to get all of the Sub 1 and Sub 2 to list under the top Level.

I've photoshop'd a before and after to explain it clearer.

Attachment 13490

I'm sure this is something to do with the UL Generator and the TPL, but after a week of trying, I bow down to anyone with knowledge, as my trial and error is leading nowhere fast.

Once again, many thanks

Kristian

The stylesheet will be the primary means of making all subcats display under their categories. You would change the level of the "Work Jackets" etc. to not be hidden and display on hover of the level above, but always display: block;. Getting the columns without changing the coding would be more difficult. You would probably need to apply a multi-column code template to categories, as described many times in this thread.

Superb! Thanks for the pointers. Now we're really getting there. I adjusted the CSS and got everything together and looking the way it should. Just need to solve one more thing.

In the image, Level 5 (they are all sequential in sort order) is sitting beneath Level 4 due to a low number of sub cats, instead of starting a new column.

Is there any way in CSS to force a new column for each of the The Levels?

Attachment 13547

Thanks to everyone who has contributed.

Ky

nemáte někdo vyzkoušené mega menu na multishopu?
po nainstalování vypadalo vše ok, ale karegorie se zobrazili ze všech shopů i ty uplně zakázané

translated in translátoru

you do not have anyone tried mega menu on multistore?,
after you install it all ok, but the category will display all of the shops you completly disabled

Quote:

---

Originally Posted by Ien Cv

nemáte někdo vyzkoušené mega menu na multishopu?
po nainstalování vypadalo vše ok, ale karegorie se zobrazili ze všech shopů i ty uplně zakázané

translated in translátoru

you do not have anyone tried mega menu on multistore?,
after you install it all ok, but the category will display all of the shops you completly disabled

---

You will need to edit some extra files.
find in includes\classes\categories_ul_generator.php :

PHP Code:

---

    function zen_categories_ul_generator($load_from_database = true)
    {
        global $languages_id, $db;
        $this->data = array();
        $categories_query = "select c.categories_id, cd.categories_name, c.parent_id
                                        from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd
                                        where c.categories_id = cd.categories_id
                                        and c.categories_status=1 " .
                                        " and cd.language_id = '" . (int)$_SESSION['languages_id'] . "' " .
                                        " order by c.parent_id, c.sort_order, cd.categories_name";
        $categories = $db->Execute($categories_query)); 


---

and change to:

PHP Code:

---

    function zen_categories_ul_generator($load_from_database = true)
    {
        global $languages_id, $db;
        $this->data = array();
        $categories_query = "select c.categories_id, cd.categories_name, c.parent_id
                                        from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd
                                        where c.categories_id = cd.categories_id
                                        and c.categories_status=1 " .
                                        " and cd.language_id = '" . (int)$_SESSION['languages_id'] . "' " .
                                        " order by c.parent_id, c.sort_order, cd.categories_name";
        $categories = $db->Execute(cat_filter($categories_query)); 


---

that should do the trick

Quote:

---

Originally Posted by jt3c

Well, I have it only on a local server at this point. Was just coming back to post that I spoke too soon and can't seem to center the menu items with margin or padding.
Here's a screen shot if it'll help:
Attachment 12237
Not sure that that came through.

Anyway, in the css the "float: left;" in the following line is causing all links to justify to the left side of the menu bar.

.mega-menu li {float:left;text-align:center;position:relative;margin:6px 20px 0px 0;border:none;}

I want to center them. Can't float:center, so is there a way to do it some other way? As mentioned above I've messed with margins and padding in a variety of places but can't get the items to center on the bar with the same relative margins/padding amongst themselves. This would basically end up with roughly 300px to the left and right of the whole group of links and whatever is the default in relation to each other.

Any help is greatly appreciated as I'm obviously still a relative noob.
JT

---

If I understand you correctly, you want to centre the entire menu within the header. I share your grief. So many bells and whistles but no sweet solution for this.

One albeit messy and approximate way to do it is by editing the menu wrapper in stylesheet_mega_menu.css.

#mega-wrapper {
width: 980px; /*change 980px to an em value (eg 50em) that is only a few ems wider than the greatest width of your menu at various zooms. Applying an background colour will let you see the result. Too small a value and the menu may wordwrap.*/
margin:0 auto; /* auto must remain as it centralises menu.*/
display:block;
position: relative;
z-index:9999;
background:#ff0; /* Optional. For checking width. Can be retained if desired. */
padding-left:2em; /* this is the trick. Adjust this value until the menu looks near enough centred at various zooms. */
}

There are other ways to do this, (eg changing display:block; to display:table; etc) but I have yet to get them to work as desired.

Hope this helps.

Quote:

---

Originally Posted by dw08gm

If I understand you correctly, you want to centre the entire menu within the header. I share your grief. So many bells and whistles but no sweet solution for this.

One albeit messy and approximate way to do it is by editing the menu wrapper in stylesheet_mega_menu.css.

#mega-wrapper {
width: 980px; /*change 980px to an em value (eg 50em) that is only a few ems wider than the greatest width of your menu at various zooms. Applying an background colour will let you see the result. Too small a value and the menu may wordwrap.*/
margin:0 auto; /* auto must remain as it centralises menu.*/
display:block;
position: relative;
z-index:9999;
background:#ff0; /* Optional. For checking width. Can be retained if desired. */
padding-left:2em; /* this is the trick. Adjust this value until the menu looks near enough centred at various zooms. */
}

There are other ways to do this, (eg changing display:block; to display:table; etc) but I have yet to get them to work as desired.

Hope this helps.

---

One way to easily do this would be to add a margin-left to the .mega-menu li. You would need to play with the numbers until you get one that will center all of the links within the #mega-wrapper.

Code:

---

.mega-menu li {float:left;text-align:center;position:relative;margin-right:20px;margin-top:6px;margin-left:60px /*or whatever number of pixels works*/ ;border:none;}

---

Thanks,

Anne

I'm attempting to add 'All Products' link to the bottom of the categories dropdown. I can achieve this by adding, in tpl_mega_menu.php, the all products link code like this:

Code:

---

            <div class="dropdown_1column">
                <div class="col_1 firstcolumn">
                  <div class="levels">
                      <?php

 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>                       
                  </div>  <a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a>
                </div>
              </div>

---

I'm having difficulty styling the link - applying inline css styling has no effect.

Does anyone have an ideas or better suggestions?

Quote:

---

Originally Posted by simon1066

applying inline css styling has no effect.

---

Now should read 'has limited effect'. I can change the size and colour - can't change 'ALL PRODUCTS' to 'All Products' even with text-decoration css.

Can't help thinking the way I'm adding the link is a bit of a bodge.

Quote:

---

Originally Posted by simon1066

I'm attempting to add 'All Products' link to the bottom of the categories dropdown. I can achieve this by adding, in tpl_mega_menu.php, the all products link code like this:

Code:

---

            <div class="dropdown_1column">
                <div class="col_1 firstcolumn">
                  <div class="levels">
                      <?php

 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>                       
                  </div>  <a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a>
                </div>
              </div>

---

I'm having difficulty styling the link - applying inline css styling has no effect.

Does anyone have an ideas or better suggestions?

---

If you post a link to your site I can take a look.

It would be better to add the link inside a ul tag as a list item.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you post a link to your site I can take a look.

It would be better to add the link inside a ul tag as a list item.

Thanks,

Anne

---

By George you're right, just replacing my added code with

Code:

---

<ul> <li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a></li></ul>

---

seems to work perfectly.

Thanks so much.

Quote:

---

Originally Posted by simon1066

By George you're right, just replacing my added code with

Code:

---

<ul> <li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a></li></ul>

---

seems to work perfectly.

Thanks so much.

---

I am happy that it worked ;0

Thanks,

Anne

Hi Anne,

One quick question and I'm finished!!! Thanks to your help on here, I have now made a full width multiple Top Level dropdown which looks great!

The final part is to only display categories and subs/sub subs that have an active product in them. I thought I'd seen it mentioned in this thread, but after half an hour of searching I can't see it.

Thought I'd post a screenshot of the menu now, and will find some time to explain it for other soon.

Hope you can help with the active categories only issue.

Thanks a million

KristianAttachment 13747

Hi Kristian

How did you achieve this? You are right the subject of categories is only touched on, no one actually explains how to do it.

Please do share. As I am trying to do the same.

Hello:

I have installed this mod, but having problems. You can see @ http://realestatesignstore.com/

Any Help would be great.

Michael

Right I tried the blog post http://nigeltsblog.blogspot.co.uk/20...pdown-for.html to add all of my top categories, but I am only getting the one result come up. I have since changed the setup to sub-categories

Please could anyone advise. I am at the end of my tether here :frusty:

Actually it does work. How embarrassing :blush:

Anyone else struggling with the same, it's a lot of work but the above blog link is the best talk through.

Exactly how did you use the blog method? Did you make a uniquely identified clone for each of your top categories? More detail and a link to the site where this is (not) working will help.


OK, glad to know it is working:)

gjh42 - the link was in my last post (#240) which is now on the previous page.

http://nigeltsblog.blogspot.co.uk/20...pdown-for.html

Quote:

---

Originally Posted by dharrison

Right I tried the blog post http://nigeltsblog.blogspot.co.uk/20...pdown-for.html to add all of my top categories, but I am only getting the one result come up. I have since changed the setup to sub-categories

Please could anyone advise. I am at the end of my tether here :frusty:

---

Very cool blog post ;)

If you want to show top categories you can also use the alternate categories ul generator file from this module:

http://www.zen-cart.com/downloads.php?do=file&id=1243

Thanks,

Anne

Thanks Anne

But it says version 1.3.9 on that page. Does it work on 1.5.1?

Quote:

---

Originally Posted by dharrison

Thanks Anne

But it says version 1.3.9 on that page. Does it work on 1.5.1?

---

Yes, I believe that you can still use the ul generator file on 1.5.1. Try it on a test environment before your live store, or do a good backup.

Thanks,

Anne

Hello,
I wanted to get rid of the Manufacturers tab so I added display:none; at the bottom of the sheet. It's removed, but now there's a large space before the last tab "Customer Service". How do I remove this space?

Thank you.

I am running a multiple language site english and hebrew - utf-8 encoding... however, if I edit the menu by adding Hebrew, the result is question marks... accordingly, is there any manner in which it is possible to manage the character encoding for non Latin characters?

Attachment 13908
I am having an odd problem with the Shop dropdown portion. There seems to be another menu opening up over the top of the main menu. It has what looks like 2 buttons, "Lock" and "Misc". Any body know how I can get rid of or otherwise turn them off? I don't know a ton about this stuff, more like a layman and had made changes to the header to get it to look like I wanted. Not sure if this is an easy fix or it has to do with something I did to the header. Thanx for any help in advance.

Quote:

---

Originally Posted by Robbyn7

Hello,
I wanted to get rid of the Manufacturers tab so I added display:none; at the bottom of the sheet. It's removed, but now there's a large space before the last tab "Customer Service". How do I remove this space?

Thank you.

---

Sorry for the late reply, but I just saw your post. If you still need help, post a link to your site and I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by eranariel

I am running a multiple language site english and hebrew - utf-8 encoding... however, if I edit the menu by adding Hebrew, the result is question marks... accordingly, is there any manner in which it is possible to manage the character encoding for non Latin characters?

---

Any properly installed language pack should work with no problems with the module. You will need to copy the language files from the module to your new language and then translate the definitions.

Thanks,

Anne

Quote:

---

Originally Posted by vacuumwarlock

Attachment 13908
I am having an odd problem with the Shop dropdown portion. There seems to be another menu opening up over the top of the main menu. It has what looks like 2 buttons, "Lock" and "Misc". Any body know how I can get rid of or otherwise turn them off? I don't know a ton about this stuff, more like a layman and had made changes to the header to get it to look like I wanted. Not sure if this is an easy fix or it has to do with something I did to the header. Thanx for any help in advance.

---

If you post a link to your site I can take a look. Be sure that you have uploaded all of the module files to the correct places on your server.

Thanks,

Anne

Like I said, I'm not a pro coder and took over an existing site trying to make it work... The main site is at http://www.henrycompany.com/ ... the Zen Cart part that opens in a frame of the former is https://vacpartsplusstore.com/catalog/index.php ... Thanx for any help...

Quote:

---

Originally Posted by vacuumwarlock

Like I said, I'm not a pro coder and took over an existing site trying to make it work... The main site is at http://www.henrycompany.com/ ... the Zen Cart part that opens in a frame of the former is https://vacpartsplusstore.com/catalog/index.php ... Thanx for any help...

---

It looks like your menu is being generated with the top categories in the .sub-menu class instead of the .level2 class. What are your top categories?

Thanks,

Anne

I believe the top categories are "Antique", "New Machines", "Part" and "Used". as displayed on the shop bar. These are parsed from the Atrex POS system we use. The entire structure of our system, as far as it goes, is in disarray and straightening that out is a different ballgame, but the menu displays them, it just has another drop down popping up in ADDITION to the shop bar, above or inside it, not sure like I said. But it is the behavior of that particular drop down I am puzzled by as there is no "LOCK" or "MISC" written ANYWHERE in ANY of my site files, so I have no control of it. Thanx Again for any help.

OK so I went into my admin in zen cart, to snoop around. And in the Categories / Products Tab I found what I think is the problem. There was a "Linked Product" in the inventory. It was linked between "Janitorial" and "Misc" subcategories. so the last 2 folders in the sequence between those 2, are "Lock" and "Misc" which are the buttons showing up on my menu on my site. It must have something to do with linked products. It was only 1 product, so I deleted it from the linked folder which was "Misc" and left it in "Janitorial". In my admin the "Linked" status is gone, but in the Menu, I still have these 2 renegade buttons displaying. I left it up so you can look at it again, and maybe you can figure out my next step, unless I figure it out first.

Quote:

---

Originally Posted by vacuumwarlock

OK so I went into my admin in zen cart, to snoop around. And in the Categories / Products Tab I found what I think is the problem. There was a "Linked Product" in the inventory. It was linked between "Janitorial" and "Misc" subcategories. so the last 2 folders in the sequence between those 2, are "Lock" and "Misc" which are the buttons showing up on my menu on my site. It must have something to do with linked products. It was only 1 product, so I deleted it from the linked folder which was "Misc" and left it in "Janitorial". In my admin the "Linked" status is gone, but in the Menu, I still have these 2 renegade buttons displaying. I left it up so you can look at it again, and maybe you can figure out my next step, unless I figure it out first.

---

I don't think that linked products would be doing anything to cause the problem. There are many linked products used in the module demo site.



Thanks,

Anne

Tried reloading the whole mod again just to see if changes I made had anything to do with it, but it did the same thing. Tried Renaming my Categories, adding categories, and moving things around and it seems like that "Part" folder in particular creates the same behavior no matter where I put it. It's like there is another linear menu of the sub categories from the "Parts" folder popping up when I hover over Shop on the main menu. When you slide down over the "Part" category link, the "Ghost" menu disappears. I am really confused on this, any suggestions or any help I can get I'd appreciate, and Thanx Again...

I figured it out. :cool: We have a MASSIVE amount of different parts that we sell. Some of these subcategories will be cleaned out, but will still leave us with a ton of them. I was splitting the parts into 2 folders in Zen admin, and when I had enough files transferred, the "Ghost" bar disappeared, moving off page to the left. So if someone has a huge un-sub_categorized list like we do, they may have same problems with this mod. I will solve it completely when I get into our Atrex system, but in the meantime, this is a GREAT looking and functioning mod and I personally thank you, it's everything I wanted. :D

Quote:

---

Originally Posted by vacuumwarlock

I figured it out. :cool: We have a MASSIVE amount of different parts that we sell. Some of these subcategories will be cleaned out, but will still leave us with a ton of them. I was splitting the parts into 2 folders in Zen admin, and when I had enough files transferred, the "Ghost" bar disappeared, moving off page to the left. So if someone has a huge un-sub_categorized list like we do, they may have same problems with this mod. I will solve it completely when I get into our Atrex system, but in the meantime, this is a GREAT looking and functioning mod and I personally thank you, it's everything I wanted. :D

---

I am happy that you figured out the problem ;)

Thanks,

Anne

Sorry to bug you again, but I have another question... here's my site again for reference http://www.henrycompany.com/ ... but I was wondering if you knew how I could use one style on the "main categories" in the categories dropdown, and a different style for the "sub categories". This would be so I could show subcategories in multiple columns to fit them all on screen. I accomplished it in the "manufacturers" dropdown simply by duplicating the original style into a new style and altering it, but because the categories list is generated basically as one list including subcategories... I am stumped. anybody know a solution?

Quote:

---

Originally Posted by vacuumwarlock

Sorry to bug you again, but I have another question... here's my site again for reference http://www.henrycompany.com/ ... but I was wondering if you knew how I could use one style on the "main categories" in the categories dropdown, and a different style for the "sub categories". This would be so I could show subcategories in multiple columns to fit them all on screen. I accomplished it in the "manufacturers" dropdown simply by duplicating the original style into a new style and altering it, but because the categories list is generated basically as one list including subcategories... I am stumped. anybody know a solution?

---

If you read through this support thread there are instructions posted for how to do this ;)

Thanks,

Anne

Thanx, figured out where it was and I knew what to do from a post on first page... lol... sorry for the buggin, and THANX AGAIN!!! for such an INCREDIBLE plugin... it is truly amazing...

Quote:

---

Originally Posted by vacuumwarlock

Thanx, figured out where it was and I knew what to do from a post on first page... lol... sorry for the buggin, and THANX AGAIN!!! for such an INCREDIBLE plugin... it is truly amazing...

---

I am happy that you are using it for your site ;)

Thanks,

Anne

Couldn't find an answer to this anywhere....instead of the search box being in the header, how can I remove it from the header area and add it to the mega menu bar instead?

Thanks

Quote:

---

Originally Posted by Robbyn7

Couldn't find an answer to this anywhere....instead of the search box being in the header, how can I remove it from the header area and add it to the mega menu bar instead?

Thanks

---

I don't think that this is a question about the mega menu module, but if you post a link to your site I can take a look.

Thanks,

Anne

I use the Oxford Dark template and it has mega menu included. Here's my site info: f/o/x/x/y/diva dotcom/fashions (without the forward slashes)

Quote:

---

Originally Posted by Robbyn7

I use the Oxford Dark template and it has mega menu included. Here's my site info: f/o/x/x/y/diva dotcom/fashions (without the forward slashes)

---

I don't see the header search turned on.

Thanks,

Anne

Thanks for the reply. It's on the home page at the top right under the login, My acct., cart, etc.

Quote:

---

Originally Posted by Robbyn7

Thanks for the reply. It's on the home page at the top right under the login, My acct., cart, etc.

---

I am viewing in firefox and don't see it in the header.

Thanks,

Anne

Hmm...that's weird. It shows for me in Firefox and IE. But, how can I move it from the header of the Oxford Dark template onto the menu bar like in your Yorkshire Clean template.

Quote:

---

Originally Posted by Robbyn7

Hmm...that's weird. It shows for me in Firefox and IE. But, how can I move it from the header of the Oxford Dark template onto the menu bar like in your Yorkshire Clean template.

---

I am viewing the page source and do not see the header search turned on. Post a clickable link to the site and I will check again.

Thanks,

Anne

I sent you a pm.

Thanks.

Sorry, it is now out of maintenance mode. You should be able to view it now.

Thanks.

Quote:

---

Originally Posted by Robbyn7

Sorry, it is now out of maintenance mode. You should be able to view it now.

Thanks.

---

In the includes/templates/oxford_dark/common/tpl_mega_menu.php file remove the right from <li class="customer_service right">

Then in your stylesheet.css file change the #navMainSearch to:

Code:

---

#navMainSearch {
    float: right;
    position: relative;
    top: 240px;
    z-index: 99999;
}

---

Thanks,

Anne

i am working on my demo site now and attempted to do a few css changes to get my multiple column megamenu to be properly displayed, however, I tried a few tricks I found here, and one of my own, and mine does succeed in creating columns but it messes up the whole thing below is my demo site

PHP Code:

---

http://www.theoutletseason.com/demostore 


---

I added a new class and then also modified the tpl_megamenu, but I am missing something here ...

PERFECT Anne! Thank You and sorry for the confusion.

icecold - Add to your stylesheet_mega_menu.css

Code:

---

.submenu:hover>.level3 {background: #aabbcc; z-index: 101;}

---

Adjust the aabbcc to suit.

Quote:

---

Originally Posted by Robbyn7

PERFECT Anne! Thank You and sorry for the confusion.

---

I am happy that it worked ;)

Thanks,

Anne

hi,
i have added my main categories to header but the accessories menu has some subs which all ways show, how do i hide these until someone hovers over them

http://www(dot)onyour(dot)bike/

thanks
bryan

I can't seem to get this to work on my page.

I wonder if it's because I'm using a template I bought?

dasterisk.com/theglobe

I added the files to the proper directory and added the code to the end of the tpl_header.php right before the last <?php } ?>

Code:

---

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

---

I made all the changes in the admin settings and turned off the header category tabs.

When I load the page in Chrome I get the following errors, but I don't think any of them have to do with what I'm doing wrong in the menu:

carouFredSel: Set a height for the items!
carouFredSel: No element found for "#sidebox_slider".
carouFredSel: No element found for "#carousel".
carouFredSel: No element found for "#images".
Invalid App Id: Must be a number or numeric string representing the application id.
FB.getLoginStatus() called before calling FB.init().
Uncaught SecurityError: Blocked a frame with origin "http://static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". Protocols, domains, and ports must match.
Uncaught SecurityError: Blocked a frame with origin "https://s-static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
Uncaught SecurityError: Blocked a frame with origin "https://www.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

Quote:

---

Originally Posted by marypotter

I can't seem to get this to work on my page.

I wonder if it's because I'm using a template I bought?

dasterisk.com/theglobe

I added the files to the proper directory and added the code to the end of the tpl_header.php right before the last <?php } ?>

Code:

---

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

---

I made all the changes in the admin settings and turned off the header category tabs.

When I load the page in Chrome I get the following errors, but I don't think any of them have to do with what I'm doing wrong in the menu:

carouFredSel: Set a height for the items!
carouFredSel: No element found for "#sidebox_slider".
carouFredSel: No element found for "#carousel".
carouFredSel: No element found for "#images".
Invalid App Id: Must be a number or numeric string representing the application id.
FB.getLoginStatus() called before calling FB.init().
Uncaught SecurityError: Blocked a frame with origin "http://static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". Protocols, domains, and ports must match.
Uncaught SecurityError: Blocked a frame with origin "https://s-static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
Uncaught SecurityError: Blocked a frame with origin "https://www.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

---

I would recommend contacting the author of the template to see if their coding is causing the problem. Just fyi, the pure css mega menu is not responsive.

Thanks,

Anne

Mega Menu – extended capabilities …
I am looking into extending the capabilities of the mega menu by adding category and subcategory images within the menu. I can get a category inserted into the menu, however, cannot do so on the 3rd level with subcategories... any suggestions?

I have created individual categories on the mega menu by creating separate categories_ul_generator.php files for each category - changing the var $root_category_id to the specific category id and saving the file under a separate name and accordingly revising so that zen_categories_ul_"name"_generator is adjusted within the file as well as the function buildTree"name"($submenu=true) is also adjusted to coincide with the new name (example: categories_ul_generator_zz.php).

In this manner, I can adjust the tpl_mega_menu.php file by adding an image to represent the category such as in the following code, however, I cannot gain access to the subcategory....

<li class="categories-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_JUDAICA; ?></a><!-- bof Judaica -->
<div class="dropdown_1column">
<div class="col_1 firstcolumn">
<div class="levels">
<a href= http://www.emanuelstudio.org/index.php?main_page=index&cPath=189><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.JUDAICA_ICON ?>" alt="Judaica" class="judaica-icon" /></a><br><br>

</div>

<div class="levels">
<?php

I've been notified by a customer that they cant open the menu without it loading another page where they can't go into any sub categories. Is there any way to click on the drop down menu and have it open without opening a link?

Website is coffshomebrew.com.au

Quote:

---

Originally Posted by mpforum

I've been notified by a customer that they cant open the menu without it loading another page where they can't go into any sub categories. Is there any way to click on the drop down menu and have it open without opening a link?

Website is coffshomebrew.com.au

---

did you get this fixed? I just went to the link and tried clicking the main mink for each category then clicked several categories listed below that primary link and the only one that I could not get a page for was the site map.

I am trying to adjust the categories drop down level 1 to much wider and shorter and turning off the 2nd level and below. if using the chrome dev tools and change size for the two components there...it looks great, EXCEPT...it changes all other right side level 1 drop downs as well...Quick Links, etc. I just want the Categories to be different.

This link will show a screen shot of first change made
https://onedrive.live.com/redir?resi...nt=photo%2cpng


This Link will show a screen shot of 2nd change to get the look I prefer...
https://onedrive.live.com/redir?resi...nt=photo%2cpng

The changes have been made to the following lines as shown below...

/* bof drop down styles */
.mega-menu .dropdown_1column, .mega-menu .dropdown_2columns, .mega-menu .dropdown_3columns, .mega-menu .dropdown_4columns, .mega-menu .dropdown_5columns, .mega-menu .dropdown_customer_service,
.mega-menu .dropdown_aboutus, .mega-menu .dropdown_info, .mega-menu .dropdown_fullwidth {margin:4px auto;left:-999em;position:absolute;border:0px solid #494949;background:#191816;padding:10px;text-align:left;-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;-khtml-border-radius: 0px 5px 5px 5px;border-radius: 0px 5px 5px 5px;background: -moz-linear-gradient(top, #2c2b2a, #191816);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2b2a), to(#191816));background: -o-linear-gradient(top, #2c2b2a, #191816);}

.mega-menu .dropdown_1column {width: 545px;}
.mega-menu .dropdown_2columns {width: 300px;}
.mega-menu .dropdown_customer_service {width: 605px;}
.mega-menu .dropdown_aboutus {width: 585px;}
.mega-menu .dropdown_info {width: 470px;}

/* bof drop down on mouse hover left aligned */
.mega-menu li:hover .dropdown_1column, .mega-menu li:hover .dropdown_2columns, .mega-menu li:hover .dropdown_customer_service, .mega-menu li:hover .dropdown_aboutus, .mega-menu li:hover .dropdown_info {left:-1px;top:25px;}

/* bof drop down on mouse hover right aligned */
.mega-menu li .align_right {-moz-border-radius: 5px 0px 5px 5px;-webkit-border-radius: 5px 0px 5px 5px;border-radius: 5px 0px 5px 5px;}
.mega-menu li:hover .align_right {left:auto;right:-1px;top:25px;}

/* bof column sizes */
.mega-menu .col_1, .mega-menu .col_2 {display:inline;float: left;position: relative;margin-left: 10px;}
.mega-menu .col_1 {width: 545px;}
.mega-menu .col_2 {width:300px;}
.mega-menu .col_cs {width:605px;}
.mega-menu .col_aboutus {width:585px;}
.mega-menu .col_3 {width:455px;}
.mega-menu .col_4 {width:610px;}
.mega-menu .col_5 {width:765px;}
.mega-menu .col_6 {width:920px;}

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.mega-menu .firstcolumn {margin-left: 0; /* Clearing margin &

Above partial of Mega_menu.css file through Dev Tools also. No changes made to actual yet.

I tried changing the (mega-menu .dropdown_1column ) to .dropdown_3 & 4column but just messed entire menu up completely.

I would like to have quicklinks, shop by brand, and information drop downs to remain stock. AAARRRGGGHHH!!! Could anyone possibly point me in the right direction as to what area(s) I should be looking in?

Thank You in Advance for the assist.
Have a Blessed Day:laugh:

I think I found how to do it...I could still use a pointer if this doesn't seem to be the proper way, but I believe that if I change the "Products" or "Categories" drop down li-class, div-classes etc from dropdown_1column and such too aboutus class and li/ul, it appears to change the menu to a width that I can live with and changed both the drop down background as well as the lists at the same time and did not appear to change any of the other drop downs.

Should this work without causing site issues?

Thanks again in advance :laugh:

Is it possible without too much altering, to make this so that the main columns are horizontal across the top of the page, and each subcategory drops down. I can't seem to find anything like that.

Hello. I'm having trouble getting this to work. I am attempting to test this out on a fresh 1.5.4 install on wamp on my local server. I have currently tried installing the mega menu on the responsive avonlee contempo template, and the normal avonlee contempo template, to no avail. The problem comes after I add the code to tpl header:

"3. In your favorite plain text editor, open the includes/templates/YOUR_TEMPLATE/common/tpl_header.php file. If you do not already have this file in your template override directory, make an override for it by coping the includes/templates/template_default/common/tpl_header.php to includes/templates/YOUR_TEMPLATE/common/tpl_header.php.

Directly before the ending line:

<?php } ?>

Add this code:

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

Save the file."

What happens is everything on the website disappears except the header. It is strange, and I am not sure what is the problem. Is this menu compatible with 1.5.4?

My Original tpl header:

" </div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>


</div>

<br class="clearBoth" />
<!--eof-branding display-->



<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a> | </li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | </li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a> | </li>
<?php } } ?>
<li><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.HEADER_ICON_CART ?>" alt="cart icon" class="cart-icon" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo $_SESSION['cart']->count_contents();?> <?php echo HEADER_TITLE_CART_ITEMS; ?> - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<?php }?>
</ul>
</div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->





<!--eof-header logo and navigation display-->


<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof handheld menu display-->
<?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php'); ?>
<!--eof handheld menu display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?>"



-After the code is added (I am adding it in the correct place, right?):



</div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>


</div>

<br class="clearBoth" />
<!--eof-branding display-->



<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a> | </li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | </li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a> | </li>
<?php } } ?>
<li><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.HEADER_ICON_CART ?>" alt="cart icon" class="cart-icon" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo $_SESSION['cart']->count_contents();?> <?php echo HEADER_TITLE_CART_ITEMS; ?> - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<?php }?>
</ul>
</div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->





<!--eof-header logo and navigation display-->


<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof handheld menu display-->
<?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php'); ?>
<!--eof handheld menu display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>
<?php } ?>

Quote:

---

Originally Posted by toomanyknots

My Original tpl header:

" </div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>


</div>

<br class="clearBoth" />
<!--eof-branding display-->



<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a> | </li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | </li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a> | </li>
<?php } } ?>
<li><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.HEADER_ICON_CART ?>" alt="cart icon" class="cart-icon" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo $_SESSION['cart']->count_contents();?> <?php echo HEADER_TITLE_CART_ITEMS; ?> - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<?php }?>
</ul>
</div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->





<!--eof-header logo and navigation display-->


<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof handheld menu display-->
<?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php'); ?>
<!--eof handheld menu display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?>"



-After the code is added (I am adding it in the correct place, right?):



</div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>


</div>

<br class="clearBoth" />
<!--eof-branding display-->



<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a> | </li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | </li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a> | </li>
<?php } } ?>
<li><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.HEADER_ICON_CART ?>" alt="cart icon" class="cart-icon" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo $_SESSION['cart']->count_contents();?> <?php echo HEADER_TITLE_CART_ITEMS; ?> - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<?php }?>
</ul>
</div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->





<!--eof-header logo and navigation display-->


<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof handheld menu display-->
<?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php'); ?>
<!--eof handheld menu display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>
<?php } ?>

---

A white page or partial white page usially means there is a errorlog file created. go to your log folder in the zen cart installation and see if there are any. You can post the contents of the latest one here, and we can help you better.

Quote:

---

Originally Posted by toomanyknots

Hello. I'm having trouble getting this to work. I am attempting to test this out on a fresh 1.5.4 install on wamp on my local server. I have currently tried installing the mega menu on the responsive avonlee contempo template, and the normal avonlee contempo template, to no avail. The problem comes after I add the code to tpl header:

"3. In your favorite plain text editor, open the includes/templates/YOUR_TEMPLATE/common/tpl_header.php file. If you do not already have this file in your template override directory, make an override for it by coping the includes/templates/template_default/common/tpl_header.php to includes/templates/YOUR_TEMPLATE/common/tpl_header.php.

Directly before the ending line:

<?php } ?>

Add this code:

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

Save the file."

What happens is everything on the website disappears except the header. It is strange, and I am not sure what is the problem. Is this menu compatible with 1.5.4?

---

It is compatible with 1.5.4. Check your logs folder for errors and correct them.

Thanks,

Anne

Hello Anne. Here is my latest log:

[14-Mar-2015 18:46:43 Europe/Paris] PHP Fatal error: 1054:Unknown column 'show_box_min_width' in 'field list' :: insert into layout_boxes

(layout_template, layout_box_name, layout_box_status, layout_box_location, layout_box_sort_order, layout_box_sort_order_single, layout_box_status_single, show_box_min_width)

values ('responsive_avonlee_contempo', 'banner_box.php', 0, 0, 0, 0, 0, 0) ==> (as called by) C:\wamp\www\zencart154test1\zenadmin\layout_controller.php on line 71 <== in C:\wamp\www\zencart154test1\includes\classes\db\mysql\query_factory.php on line 155

[14-Mar-2015 18:46:43 Europe/Paris] PHP Stack trace:

[14-Mar-2015 18:46:43 Europe/Paris] PHP 1. {main}() C:\wamp\www\zencart154test1\zenadmin\layout_controller.php:0

[14-Mar-2015 18:46:43 Europe/Paris] PHP 2. queryFactory->Execute() C:\wamp\www\zencart154test1\zenadmin\layout_controller.php:71

[14-Mar-2015 18:46:43 Europe/Paris] PHP 3. queryFactory->set_error() C:\wamp\www\zencart154test1\includes\classes\db\mysql\query_factory.php:262

[14-Mar-2015 18:46:43 Europe/Paris] PHP 4. queryFactory->show_error() C:\wamp\www\zencart154test1\includes\classes\db\mysql\query_factory.php:132

[14-Mar-2015 18:46:43 Europe/Paris] PHP 5. trigger_error() C:\wamp\www\zencart154test1\includes\classes\db\mysql\query_factory.php:155

Can I do a mega menu like this with this plugin (this website has an awesome mega menu, it's easy to navigate, and you don't have to click 5 links to get to the product you want): http://www.outdoorsexperience.com/

Like this:

http://i61.tinypic.com/11ju15v.png

Tried it on a fresh install of 151 too, same thing happens. As soon as I add the code to includes/templates/template_default/common/tpl header.php everything under the header disappears:

http://i61.tinypic.com/2jchjqe.png

Here is the log for that:

[15-Mar-2015 16:54:44 Europe/Paris] PHP Warning: require(includes/templates/template_default/common/tpl_mega_menu.php): failed to open stream: No such file or directory in C:\wamp\www\zencart151\includes\templates\template_default\common\tpl_header.php on line 109

[15-Mar-2015 16:54:44 Europe/Paris] PHP Stack trace:

[15-Mar-2015 16:54:44 Europe/Paris] PHP 1. {main}() C:\wamp\www\zencart151\index.php:0

[15-Mar-2015 16:54:44 Europe/Paris] PHP 2. require() C:\wamp\www\zencart151\index.php:97

[15-Mar-2015 16:54:44 Europe/Paris] PHP 3. require() C:\wamp\www\zencart151\includes\templates\template_default\common\tpl_main_page. php:73

[15-Mar-2015 16:54:44 Europe/Paris] PHP Fatal error: require(): Failed opening required 'includes/templates/template_default/common/tpl_mega_menu.php' (include_path='.;C:\php\pear') in C:\wamp\www\zencart151\includes\templates\template_default\common\tpl_header.php on line 109

[15-Mar-2015 16:54:44 Europe/Paris] PHP Stack trace:

[15-Mar-2015 16:54:44 Europe/Paris] PHP 1. {main}() C:\wamp\www\zencart151\index.php:0

[15-Mar-2015 16:54:44 Europe/Paris] PHP 2. require() C:\wamp\www\zencart151\index.php:97

[15-Mar-2015 16:54:44 Europe/Paris] PHP 3. require() C:\wamp\www\zencart151\includes\templates\template_default\common\tpl_main_page. php:73

Does anyone have a guess what could be the problem?

Quote:

---

Originally Posted by toomanyknots

Does anyone have a guess what could be the problem?

---

The error is saying that you are missing this file:

includes/templates/template_default/common/tpl_mega_menu.php

Thanks,

Anne

Thank you so much! Sorry, I know these are probably stupid questions, I kinda figured that was the problem, but I am way out of my league here, so I appreciate all and any help anyone is willing to give me immensely. I really need a mega menu for my site because I have so many products. Thank you!,

Daniel

Welp, I'm trying it again (on my local server), with 1.5.4 using Annes EXCELLENT Avonlee Contempo Responsive template. I tried using the default, but was not having any success. I install the mega menu again following all steps. I got the same thing where nothing shows up after adding the code to tpl-header, so I looked at the log:

[18-Mar-2015 22:24:07 Europe/Paris] PHP Warning: require(includes/templates/template_default/common/tpl_mega_menu.php): failed to open stream: No such file or directory in C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _header.php on line 132

[18-Mar-2015 22:24:07 Europe/Paris] PHP Stack trace:

[18-Mar-2015 22:24:07 Europe/Paris] PHP 1. {main}() C:\wamp\www\zencart154\index.php:0

[18-Mar-2015 22:24:07 Europe/Paris] PHP 2. require() C:\wamp\www\zencart154\index.php:97

[18-Mar-2015 22:24:07 Europe/Paris] PHP 3. require() C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _main_page.php:116

[18-Mar-2015 22:24:07 Europe/Paris] PHP Warning: require(includes/templates/template_default/common/tpl_mega_menu.php): failed to open stream: No such file or directory in C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _header.php on line 132

[18-Mar-2015 22:24:07 Europe/Paris] PHP Stack trace:

[18-Mar-2015 22:24:07 Europe/Paris] PHP 1. {main}() C:\wamp\www\zencart154\index.php:0

[18-Mar-2015 22:24:07 Europe/Paris] PHP 2. require() C:\wamp\www\zencart154\index.php:97

[18-Mar-2015 22:24:07 Europe/Paris] PHP 3. require() C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _main_page.php:116

[18-Mar-2015 22:24:07 Europe/Paris] PHP Fatal error: require(): Failed opening required 'includes/templates/template_default/common/tpl_mega_menu.php' (include_path='.;C:\php\pear') in C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _header.php on line 132

[18-Mar-2015 22:24:07 Europe/Paris] PHP Stack trace:

[18-Mar-2015 22:24:07 Europe/Paris] PHP 1. {main}() C:\wamp\www\zencart154\index.php:0

[18-Mar-2015 22:24:07 Europe/Paris] PHP 2. require() C:\wamp\www\zencart154\index.php:97

[18-Mar-2015 22:24:07 Europe/Paris] PHP 3. require() C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _main_page.php:116



So I copied tpl_mega_menu from the includes/templates/Your Template/Common/ folder in the files that come with the mega menu package, and added it to includes/templates/template_default/common/ (I uploaded and overided all files included with the package and made sure to rename all admin folders to my admin name, I am wondering if the files just aren't being added or over written for some reason?) Now I get this:

http://i57.tinypic.com/28l5m2s.png

Does this mean the code I added to tpl_header isn't working?:

(includes/templates/template_default/common/tpl_mega_menu.php): failed to open stream: No such file or directory in C:\wamp\www\zencart154\includes\templates\responsive_avonlee_contempo\common\tpl _header.php on line 13