CSS Dropdown menu for the header- With Categories!

**s_t_e_v_e** · 31 May 2009, 07:17 PM

The html TABLE For the currency dropdown is situated slightly over the Information box, and that is interfering with the drop down... to fix will take a bit of juggling with the CSS...

**GGVL** · 1 Jun 2009, 12:44 PM

Hello All

I've just installed this on a test site (using the excellent Cherry-Zen template) and it all works a dream.

If possible, instead of having 'Categories' as a top level link, I'd like to have the second level of categories displayed instead (By Price, By Brand, By Type, By Activity).

Categories
* By Price (these all have sub-categories)
* By Brand
* By Type
* By Activity

I've found the relevant code in tpl_drop_menu.php (as below) but have no idea how to amend it, or even if it is possible to do.

Any suggestions would be most appreciated.

<?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;
?>

Many thanks

**sikocan** · 10 Jun 2009, 04:53 AM

Great work guys! Thanks!
http://www.1800computers.com.au/shop

**aly22** · 10 Jun 2009, 05:34 AM

Yes thank you for an amazing job!! I was able to include all the pages the client wanted exactly as she requested! She couldn't be more thrilled!

Here's the site I have it running on:

http://www.countrycookieconnection.com/store/

(PS. I just did the web site, I am not associated with the cookies themselves but they are amazing!)

**Linux** · 22 Jun 2009, 01:26 AM

Hi, I ran into a little problem and cannot find the answer. I added the CSS drop down menu but still have the above bar with Home & Log.

I have attached a picture.

How do I remove them?

Thanks.

**Brian Flanagan** · 26 Jun 2009, 08:40 AM

Hi everyone,

It's been ages since I've needed to ask for help here. I (thanks to Zen Cart and this forum) successfully setup a store for my wife (w w w dot i m a g i n a r t dot c o m dot a u) which has been working great. I have now been asked to do one for someone else, which I figured wouldn't be too hard now that I've done one. Wrong! I've only just started this site and I already have an issue! You can see the site at w w w dot h o l i s t i q u e c o s m e t i c s dot c o m / s h o p

The site is very bare as I thought I'd get the module I hadn't used before working before I did anything else. The module I'm having issues with is the CSS Horizontal Drop Down Menu module - hence why I'm writing here! lol

The main headings are fine, but under Information, I wanted to add two other menus. Privacy and FAQ. As you can see there are a few issues.

I used the About Us module to add these two pages. I have used this many times on the site I did for my wife and didn't have a problem. The only difference I can see is the editing of the information.php file vs the editing of the tpl_drop_menu.php file.

The issues are...

1) The name in the drop down menu says HEADER_TITLE_X instead of just X. Where did I go wrong?

2) If you click on FAQ, the bars down the bottom vanish, yet with Privacy they don't??? Also a back button has appeared on the Privacy page which I don't want.

I'm not sure what code you need to see, but below is the includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php - if you need to see any others then please let me know.

Code:

<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | [email protected] so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: tpl_drop_menu.php  2005/06/15 15:39:05 DrByte Exp $
//

?>
<!-- menu area -->
<div id="dropMenuWrapper">
  <div id="dropMenuWrapperb">
    <div id="dropMenuWrapperc">
      <div id="dropMenuWrapperd">
        <div id="dropMenu">
          <ul class="level1">
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
              <ul class="level2">
<!--                <li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_NEW); ?>"><?php echo HEADER_TITLE_NEW_PRODUCTS; ?></a></li> -->
<!--                <li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a></li> -->
<!--                <li><a href="<?php echo zen_href_link(FILENAME_SPECIALS); ?>"><?php echo HEADER_TITLE_SPECIALS; ?></a></li> -->
<!--                <li><a href="<?php echo zen_href_link(FILENAME_ADVANCED_SEARCH); ?>"><?php echo HEADER_TITLE_SEARCH; ?></a></li> -->
              </ul>
            </li>
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
              <?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;
?>
            </li>
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
              <ul class="level2">
			    <?php if (DEFINE_SHIPPINGINFO_STATUS <= 1) { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li> -->
				<?php } ?>
				<?php if (DEFINE_CONDITIONS_STATUS <= 1) { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li> -->
				<?php } ?>
                <li><a href="<?php echo zen_href_link(FILENAME_FAQ); ?>"><?php echo HEADER_TITLE_FAQ; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY; ?></a></li>
                <?php if (DEFINE_SITE_MAP_STATUS <= 1) { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li> -->
                <?php } ?>
                <?php if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li> -->
                <?php } ?>
                <?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li> -->
                <?php } ?>
                <?php if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li> -->
                <?php } ?>
                <?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
              </ul>
            </li>
            <li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
              <ul class="level2">
                <?php if ($_SESSION['customer_id']) { ?>
                <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
                <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_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li>
                <?php } else { ?>
                <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
                <?php } ?>
              </ul>
            </li>
            <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
            <li class="submenu"><a class="noLine" 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 class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
            <?php } ?>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div><!-- end dropMenuWrapper-->
<div class="clearBoth"></div>

Any help would be very much appreciated.

Kind Regards,

Brian

**hcd888** · 27 Jun 2009, 12:23 PM

Hi, this is the 1st time i used this mod & it looks great

I hope somebody can help me with my problem.

I've modified my template to 950px and the header looks great, but when hover over to the dropdown menu, the link boxes below, are so much smaller than the header. How would i modify it, so that the dropdown menu is the same width as the header???

Thanks, hope somebody can help.

**limelites** · 27 Jun 2009, 12:32 PM

Originally Posted by hcd888

Hi, this is the 1st time i used this mod & it looks great

I hope somebody can help me with my problem.

I've modified my template to 950px and the header looks great, but when hover over to the dropdown menu, the link boxes below, are so much smaller than the header. How would i modify it, so that the dropdown menu is the same width as the header???

Thanks, hope somebody can help.

A URL to your site would be useful, but the width of each element is controlled in the CSS file that ships with this mod... You'll see a few references to width in that file, just play with the percentages... might even be easier to change them to px;

**hcd888** · 27 Jun 2009, 01:35 PM

Hi the site is http:// p o l y - f a s h i o n . c o . u k /index.php?main_page= Thanks

**jettrue** · 27 Jun 2009, 02:50 PM

Originally Posted by Brian Flanagan

Hi everyone,

It's been ages since I've needed to ask for help here. I (thanks to Zen Cart and this forum) successfully setup a store for my wife (w w w dot i m a g i n a r t dot c o m dot a u) which has been working great. I have now been asked to do one for someone else, which I figured wouldn't be too hard now that I've done one. Wrong! I've only just started this site and I already have an issue! You can see the site at w w w dot h o l i s t i q u e c o s m e t i c s dot c o m / s h o p

The site is very bare as I thought I'd get the module I hadn't used before working before I did anything else. The module I'm having issues with is the CSS Horizontal Drop Down Menu module - hence why I'm writing here! lol

The main headings are fine, but under Information, I wanted to add two other menus. Privacy and FAQ. As you can see there are a few issues.

I used the About Us module to add these two pages. I have used this many times on the site I did for my wife and didn't have a problem. The only difference I can see is the editing of the information.php file vs the editing of the tpl_drop_menu.php file.

The issues are...

1) The name in the drop down menu says HEADER_TITLE_X instead of just X. Where did I go wrong?

2) If you click on FAQ, the bars down the bottom vanish, yet with Privacy they don't??? Also a back button has appeared on the Privacy page which I don't want.

Any help would be very much appreciated.

Kind Regards,

Brian

1. You haven't uploaded all files into their correct spots. Check, double and triple check, (hint, you're missing a language file)

2. Reload the original files for the FAQ, you must have made a change somewhere.

Thread: CSS Dropdown menu for the header- With Categories!

Thread Tools

Search Thread

Display

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Similar Threads

Categories dropdown menu/css

HIde categories mod with css dropdown menu

How to use ezpages/categories as dropdown menu in the header?

whats wrong with this css for my dropdown menu?

Header Dropdown Menu (CSS) Without the Dropdown???

Bookmarks

Bookmarks

Posting Permissions