CSS Dropdown menu for the header- With Categories!

Jettrue:

Thank you....soooo much.

Scott

Hi jettrue
I have put in the files in my site in all sorts of ways but still I cannot make the categories drop menu to appear.
I am using the contemporary green template but modified it.
You can see it www.aromaegusto.co.uk
I would appreciate much if you can help me
Thanks a bundle
francocauter

Quote:

---

Originally Posted by francocauter

Hi jettrue
I have put in the files in my site in all sorts of ways but still I cannot make the categories drop menu to appear.
I am using the contemporary green template but modified it.
You can see it www.aromaegusto.co.uk
I would appreciate much if you can help me
Thanks a bundle
francocauter

---

Hmm, I'm not sure what you have uploaded right now. Also, what do you mean by "all sorts of ways"... there's only one way they should go.

Please re-read the readme.txt, get the files uploaded in the correct spot. Be sure to change all folders named "YOUR_TEMPLATE" to your actual template name. Do not upload my copy of includes/templates/YOUR_TEMPLATE/common/tpl_header.php

Instead, when all other files are uploaded, open up YOUR copy of includes/templates/YOUR_TEMPLATE/common/tpl_header.php, and paste this:

Code:

---

<!--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-->

---

after:

Code:

---

<!--eof-optional categories tabs navigation display-->

---

I have read until my eyes are falling out. Sorry if this is already posted, but I appreciate you help.

I am wanting to see if I can add ONE other link on the right of my "shopping cart" link. I am wanting a link to my forum.

My website is www.bongeenterprises.com

My forum is www.bongeenterprises.com/forum

Thanks

Scott

Hi jettrue,

Nice contribution! Very easy to install and works well. However, I was wondering if it's possible to list the top menu items as my categories, which would then expand to show the relevant sub categories.

So far I've managed to get rid of all the other top menu items (by commenting out the code), but I'm a little stuck now.

Any ideas?

Thanks again for a great contribution! :)

Quote:

---

Originally Posted by sbonge

I have read until my eyes are falling out. Sorry if this is already posted, but I appreciate you help.

I am wanting to see if I can add ONE other link on the right of my "shopping cart" link. I am wanting a link to my forum.

My website is www.bongeenterprises.com

My forum is www.bongeenterprises.com/forum

Thanks

Scott

---

Sure, you could do that easily, add this:

<li><a href="http://bongeenterprises.com/forum">Forum</a></li>

after:

Code:

---

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>

      <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>

        <ul class="level2">

          <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

        </ul>

      </li>

      <?php } else { ?>

      <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

      <?php } ?>

---

Then, now that your menu is longer, you'll need to change the width of the items to percentages so that it doesn't break into two lines in some browsers:

So, first, you need to change div#dropMenu li to this:

Code:

---

div#dropMenu li {
        position: relative;
        list-style: none;
        margin: 0;
        float: left;
        line-height: 1em;
        width:14.28%;
        }

---

Then change div#dropMenu li a to this:

Code:

---

div#dropMenu li a {display: block; padding: .6em 0 .6em 0;text-decoration: none; text-transform:uppercase; color:#005f00; text-align:center; border-right:1px solid #005f00; border-left:1px solid #005f00;}

---

Then change div#dropMenu ul.level2 to this:

Code:

---

div#dropMenu ul.level2 {top: 2.17em; background:#FFFFFF;z-index:1000;left:0;}

---

Quote:

---

Originally Posted by Alex Clarke

Hi jettrue,

Nice contribution! Very easy to install and works well. However, I was wondering if it's possible to list the top menu items as my categories, which would then expand to show the relevant sub categories.

So far I've managed to get rid of all the other top menu items (by commenting out the code), but I'm a little stuck now.

Any ideas?

Thanks again for a great contribution! :)

---

You should use this mod instead:

http://www.zen-cart.com/index.php?ma...roducts_id=523

It does what you are looking for.

Thanks for the speedy reply.

I originally looked at that contribution, but didn't realise it did what I wanted!

Thanks for pointing me in the right direction. :)

I've been trying to get the drop-down function to work, but seem to have problems in IE6.. When I view my test environment at:

http://www.stoelwinder.net/tryorbuy/

I can see the drop downs perfectly using Firefox, but IE6 just shows the top-menu items, no drop-down..

I've done a fair amount of customization and am a total newbie, but was pretty proud to have reached this point by customizing Acadame :P Unfortunately, it's now not 100% working anymore..

Any suggestions what could've caused this break? I've created a .htaccess in tryorbuy folder but no success, should it have been somewhere else? Thanks for your suggestions!

Quote:

---

Originally Posted by mask2011

I've been trying to get the drop-down function to work, but seem to have problems in IE6.. When I view my test environment at:

http://www.stoelwinder.net/tryorbuy/

I can see the drop downs perfectly using Firefox, but IE6 just shows the top-menu items, no drop-down..

I've done a fair amount of customization and am a total newbie, but was pretty proud to have reached this point by customizing Acadame :P Unfortunately, it's now not 100% working anymore..

Any suggestions what could've caused this break? I've created a .htaccess in tryorbuy folder but no success, should it have been somewhere else? Thanks for your suggestions!

---

I guess I should put this at the top of the readme.txt... be sure to upload includes/csshover.htc. :cool: