CSS Dropdown menu for the header- With Categories!

OK,

I loaded up the "Default" template and I can see it fine.

Is this MOD limited to the ZenCart "default" template and AppleZen only?

If someone can tell me how to get it into Deluxe Boot Store template, that would be awesome. There is a lot more going on in this template than the default.

Thanks

Stan:ohmy:

stanb17:

OK,

I loaded up the "Default" template and I can see it fine.

Is this MOD limited to the ZenCart "default" template and AppleZen only?

If someone can tell me how to get it into Deluxe Boot Store template, that would be awesome. There is a lot more going on in this template than the default.

Thanks

Stan:ohmy:

In the readme, it tells you how to get it into the file:

3. If you have heavily modified your includes/templates/YOUR_TEMPLATE/common/tpl_header.php, instead of uploading the tpl_header.php included in this download, you can simply add this to your header where you'd like the css menu to appear:

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

nsweet:

Yep, I have already did that more than once.

As I mentioned I am using Apple Zen, which is the latest version.

I have not modified the drop down menu and even to be sure I re-uploaded the tpl_drop_menu.php to /shop/includes/templates/apple_zen/common/

I am really at a loss as to why it's doing this, or how to fix it.

Does the problem go away when you add products to CD Keys?

stanb17:

OK,

I loaded up the "Default" template and I can see it fine.

Is this MOD limited to the ZenCart "default" template and AppleZen only?

If someone can tell me how to get it into Deluxe Boot Store template, that would be awesome. There is a lot more going on in this template than the default.

Thanks

Stan:ohmy:

You are misunderstanding the override system, i believe. If you are using a different template, you need to install the files for this mod into folders for that template.

J

You are awesome for this help. I can't look into it tonight... for fear of making more work for myself. Just the same... thanks for all you are doing to help. :hug:

Stan

:cry: No dice.

I have now installed, uninstalled, re-installed 4 times. I've created 3 separate template folders, copied the template "Deluxe Boot Store" to it, tested that (works fine), then changed the name of the folders in the CSS Drop Down Menu to zct_boot_drop (and 3 other names in the process), installed by using the readme.txt file each time.

Nothing works. The only time I can see the CSS menu is when I select the template that has only the classic green layout. Now I have 3 templates in the ZenCart CP named ZCT Lingerie on line, each with it's own path, only one of them is the correct one, but I have to look at the path to make sure.

After 10 years of developing CMS webs I'd thought I'd seen it all, but this one has really got me stumped.

Can anyone through me some love on this. I really need to get beyond this and start loading up content and testing.

Anyone?

Stan :dontgetit

https://www.bearhollowtradingpost.com

jettrue:

You are misunderstanding the override system, i believe. If you are using a different template, you need to install the files for this mod into folders for that template.

I've done just that.. several times without success. I do understand directory structure and file relationships very well. The inner-workings of how ZenCart works and processes things is what is so convoluted.

I bow to your superior understanding of this program and plead for some sort of resolution.

Stan :(

I have the menu installed on Cherry Zen and it's just really nice and works great :D (after a little work); however I'm adding some custom links you can see here ( mysite )
My issue is - I need to add sub-links to my custom links inside Departments - and I'm breaking the code, so I'm obviously missing something.

This is my code, but the fly-outs get all jumbled

<li class="submenu"><a href=" ">Departments</a>
              <ul class="level2">
                 <li><a href=" ">Men</a>
                    <ul class="level3">
                         <li><a href=" ">Athletic</a></li>
                         <li><a href=" ">Casuals</a></li>
                         <li><a href=" ">Golf</a></li>
                         <li><a href=" ">Dress</a></li>
                         <li><a href=" ">Sandals</a></li>
                     </ul>
                     </li>
                 <ul class="level2">
                 <li><a href=" ">Women</a>
                      <ul class="level3">
                         <li><a href=" ">Athletic</a></li>
                        <li><a href=" ">Casuals</a></li>
                        <li><a href=" ">Golf</a></li>
                        <li><a href=" ">Dress</a></li>
                        <li><a href=" ">Sandals</a></li>
                     </ul>
                     </li>
                    <ul class="level2">
                      <li><a href=" ">Kids</a>
                          <ul class="level3">
                         <li><a href=" ">Boys</a></li>
                         <li><a href="">Girls</a></li>
                         <li><a href="">Infants & Toddlers</a></li>
             </ul>
            </li>

Can anyone offer any suggestions in regards to this?

Well I'm hoping someone that can help me might be listening as this is a bit frustrating.

Here's what I've figured out thus far"

This code will give me the Top Level "Departments" and the second Level Men and its three sub-levels - But when I add the Second Item in the menu it cancels out the first arghhh :frusty:

<li class="submenu"><a href="">Departments</a>
              	<ul class="level2"><li class="submenu"><a href="">Men</a>
					<ul class="level3">
					  <li><a href=" ">Athletic</a></li>
					  <li><a href=" ">Casuals</a></li>
				      <li><a href=" ">Dress</a></li>
					  <li><a href=" ">Sandals</a></li></ul></li></ul>

To be clear I get

Departments (top Level)
Men (second level)
sub-level 1
sub-level 2
sub-level 3

But when I add the next Second Level "Women" using the same code, it cancels out the first!!

I've built a ton of flyout menus with css for other sites and the code was very simple, but it always used a java script -

I could do that here, but I really want the benefit of the Category UL generator.

Can anyone give me a clue why this isn't working? The extra closing tag is necessary to not have the next menu item on top of this one, but it also seems to shut down the next level.

Normally you would just using a closing </ul> and then open a new one and the next level would be there.

Oh.. one last thing.. I just was checking browsers... FF/IE7 great - IE6 - menu is invisible!! It can be seen in the source but not displayed on the screen. I may be fighting a lost cause here.

Again... if there is a kind person out there that would take a look.. the site is here

:frusty:

:clap: All fixed. It was a closing tag issue (trying to get the right combination of tags and levels).

IE6 thingy I'm sure is a z-index. Off to fix that now.

Ruth

Hi Ruth,

Glad you got it all working.

I still got my IE7 issue.

In all other IE versions I don't get this issue, in FF i don't get it either.

The dropdown is dropping behind the main page content see attachment for details.

Rob

EDIT: here is a link to the site https://www.tjrstores.com/lingerie

:dontgetit spoke to soon - once I get all the links working and went back to check it in IE7 (I work in FF)- gone...like the wind... now I've lost this darn thing in IE6 & IE7 -

I tried validating the css - a lot of errors, but mostly color duplication except for one. (I'll go try to clean that up later) It states that it can't see the htc file?? That's odd. So I went over and took at look at Jades Apple Zen and viewed the source - hers says the same thing, but her menu shows just fine.

Tired one more thing. I really thought this was an issue regarding the image background, as when I was struggling around trying to get the links to work, as long as the menu was "broken" which forced it down, I could see it, fix it and it moved back up to the NavMain Div and it disappears.

What I thought might solve it, is I replaced the image with a background color - didn't look as nice, but was hoping that would solve the issue. No Joy -

If anyone has any suggestions, please let me know. I'm going to break the last link of the menu again and see if it shows up in either browser - then try from that point to figure out out why it won't display in the navMain Div in IE

Again the site is here (mysite)

I forgot the old IE fix - height:1%!! :clap:

Done!

This looks great on everyone elses sites but I'm wondering why it isn't working in mine? When I place the required code in the tpl_header, the page executes up to this menu and everything else after that has been wiped out. I am sure it must be something simple, can someone see what I can't? My site is here. :blink:

Hi Ruth,

You have an issue with IE7....

See attachment for details.

We really need to have someone come along that can solve this IE7 issue.

Rob

I have that one fixed. I overlooked adding a closing </a> tag after Infants which messed it up. That's working fine Now.

How are you coming on your issue?

Ruth

Hi Ruth,

I got mine sorted Saturday morning. I just had loads to do over the weekend.

Glad we got it sorted out finally.

Rob

Hi All,

I have just installed this mod and im looking at moving the css flyout header to within the actual header... If you have a look at the pic attached i want it to look like that but transparent ...

At the monent it is below the header and above the main page.

Can anyone please assist me i have been trying all morning!

THnaks in advance

The pic attached???

CES:

The pic attached???

Sorry here is the pic!

Link: https://www.truwater.com.au