CSS Dropdown menu for the header- With Categories!

I can't figure out how to edit my posts. It seems that anytime I try to edit the tpl_header.php at all it wipes out the site.

Anyone have any thoughts?

OK I have it working correctly now and changed the menu to where there are no submenus. I don't want the sub menus however I am not able to make this menu have a hover over affect. I can change the color the font lots of other stuff in the stylesheet_header_menu.css however the hover over effect seemed to be only on the submenus not on the standalone menu. Can anyone please help me with this simple question.

http://wpc-consulting.com/~stxmill/

Thanks for the quick reply!!

thesitedoc:

I can't figure out how to edit my posts. It seems that anytime I try to edit the tpl_header.php at all it wipes out the site.

Anyone have any thoughts?

No, editing tpl_header.php itself does not cause the site to wipe out, but editing it incorrectly will cause that. You probably are not removing out closing }'s. If you remove a section that has an opening {, then don't remove it's closing }, you will have issues. Also, what program are you using the edit the file? If the program isn't saving the file correctly, you could be corrupting the file.

welchyboy:

OK I have it working correctly now and changed the menu to where there are no submenus. I don't want the sub menus however I am not able to make this menu have a hover over affect. I can change the color the font lots of other stuff in the stylesheet_header_menu.css however the hover over effect seemed to be only on the submenus not on the standalone menu. Can anyone please help me with this simple question.

http://wpc-consulting.com/~stxmill/

Thanks for the quick reply!!

Put a background color here:

div#dropMenu li:hover {}

Hello again,
I am having difficulty's with the left side box. When a cart item is long enough it expands the widths of the colum and pushes it bellow the rest...

.outer {
	padding-left: 185px; /* Same width as margin-left for the float-wrap div */
	padding-right: 0x; /* Our right column width */
	}
	
.inner {
	width: 100%;
	}

.float-wrap {
	float: left;
	width: 97%;
	margin-left: -185px; /* Same length as .outer padding-left but with negative value */
	}

#content {
	float: right;
	margin-right: -185px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
	}

.contentWrap{
	padding: 5px 0 5px 5px;
	}
	
#navColumnOne { 
	float: left;
	position: relative; /* IE needs this  */
	}
	
#navColumnTwo {
	float: right; 
	margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
	position: relative; /* IE needs this  */
	}

:blush: have i missed something :blush:

:oops:
Wrong support thread

AWESOME i had a feeling it would be an easy question for you. Much appreciated!! You are doing a fantastic job at helping everyone in this forum. Thanks for all the work you do!!

Is there a way to change to text color on hover over as well. I was also curious if i made something in photoshop can i put it in the place of the hover button. I am just trying to customize this menu so it isnt ordinary. I love it but i have seen some where they look like tabs and so forth. How can i do something like this. Is there some kind of customizing manuel i can check out lol so i dont have to continue to bug you?

Thanks again for everything

Hi jettrue I have a question for you. I have looked but could not find the answer. I am using your Cherry Template and I was wondering how can I use this Mod on that template header. I can not seem to get it to work. What do I need to change in the header.php Thank you for your help.

welchyboy:

Is there a way to change to text color on hover over as well. I was also curious if i made something in photoshop can i put it in the place of the hover button. I am just trying to customize this menu so it isnt ordinary. I love it but i have seen some where they look like tabs and so forth. How can i do something like this. Is there some kind of customizing manuel i can check out lol so i dont have to continue to bug you?

Thanks again for everything

div#dropMenu li:hover {color:#000000}

For hover tabs, you can set a background image for each tab in the css, but first you'll need top open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and follow my instructions here:
http://www.zen-cart.com/forum/showpost.php?p=561433&postcount=1991

Then you can give each div its own image within the css.

countrycharm:

Hi jettrue I have a question for you. I have looked but could not find the answer. I am using your Cherry Template and I was wondering how can I use this Mod on that template header. I can not seem to get it to work. What do I need to change in the header.php Thank you for your help.
Read the readme.txt for this mod.

Thank you for your fast response jettrue.
I did read the read me notes for this Mod but I still don't understand how to use this header in place of the other. Actually incorporate it into the cherry template header. Call me stupid lol. Here is my web site

I think I have it right now but the drop down menu Looks crooked to me and it is smaller. Is there a way to center it or widen it to match the top link. It looks better in IE than in FF Thank you.

I think I have it right now but the drop down menu Looks crooked to me and it is smaller. Is there a way to center it or widen it to match the top link. It looks better in IE than in FF Thank you.I thought it look better in IE7 but when you mouse over home I get a white space over on the right end. Anyway when you get a chance let me know what I can do to correct this if you would. These is what I did to the tpl_header.php. I don't know if that was right or not. Sorry for posting so much but I thought I would give an update on what I was doing just in case someone else runs into the same problem.
My Site

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>
<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<?php echo rss_feed_link_alternate(); // RSS Feed ?>
<!-- divs for drop shadow -->
<div id="nw"><div id="ne"><div id="se"><div id="sw"><div id="n"><div id="s"><div id="w"><div id="e"><div id="main"><table id="workaround"><tr><td>
   <div id="headerWrapper">
      <!--bof-navigation display-->
      <div id="navMainWrapper">
        <div id="navMainSearch">
          <?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>
        </div>
        <div id="navMain">
          <ul>
            <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?>
            <?php if ($_SESSION['customer_id']) { ?>
            <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>">
            <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>">
            <?php
      } else {
        if (STORE_STATUS == '0') {
?>
            <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>">
            <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>">
            <?php } } ?>
            <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>">
            <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>">
          </ul>
        </div>
      </div>
      <!--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>
      <!--eof-navigation display-->
      <!--bof-branding display-->
      <div id="logoWrapper" class="clearfix">
        <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
        <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
        <div id="taglineWrapper">
          <?php
              if (HEADER_SALES_TEXT != '') {
?>
          <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
          <?php
              }
?>
          <?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
          <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
          <?php
                }
              }
              
?>
        </div>
        <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
      </div>
      <!--eof-branding 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-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 } ?>
```




Thanks

I wan't to get rid of the 'Categories' link altogether and instead have the Top Level Categories as their own links on the dropdown menu, and not knowing PHP is hindering me a bit. :shocking:

What do I need to do to accomplish this?

I want to add another level to my (non-Dropdown) menu, so if you clicked on ‘products’ the menu below would have links to the product's page’s?

This is the menu I have at the moment;
http://www.jameschetwood.com/menu/menu.jpg

And this is what I’m trying to achieve;
http://www.jameschetwood.com/menu/menuiwant.jpg

I know this isn't a Dropdown menu but ive asked around and a few people thought the best thing would be to modify this add on.

Does anyone know how to do this?
Thanks a lot
James

HOME LOG IN PRODUCTS
SHOES SHIRTS TROUSERS ACCESSORIES
TROUSERS PRODUCT PAGE

First, thank you VERY much for all your work on these mods!

Does the css-flyout_header mod need something modified to work with version 1.3.8?

The reason I ask is because per the per the readme.txt I tried to change the name of the CONTACT US in the header to HELP AND CONTACT INFO.

I changed the name in the headermenu.php file as follows:

define('HEADER_TITLE_CONTACT_US','Help and Contact info');

but the original name CONTACT US is still showing up in my menu.

Here's a link to my site: http://www.zencrystals.com

Any help or suggestions would be appreciated. I have spent the last 3 hours searching the board but can't seem to find anyone else that had trouble with the header.php changes.

Thank you,
Connie

P.S. I have also installed the Apple_Zen template but am still undecided on which template I will use so I installed the CSS_Flyout_Header in my Zencart_Zen template overrides folders where applicable. I am wondering if perhaps there is some common file in both modules that I may need to edit, too.

jamesdavid:

I want to add another level to my (non-Dropdown) menu, so if you clicked on ‘products’ the menu below would have links to the product's page’s?

This is the menu I have at the moment;
http://www.jameschetwood.com/menu/menu.jpg

And this is what I’m trying to achieve;
http://www.jameschetwood.com/menu/menuiwant.jpg

I know this isn't a Dropdown menu but ive asked around and a few people thought the best thing would be to modify this add on.

Does anyone know how to do this?
Thanks a lot
James

James i posted the reply to how to modifie the drop down menu to a 2 level menu you want in the other post where you were asking about it,
http://www.zen-cart.com/forum/showthread.php?p=564641#post564641

Hi, I just installed your template ( https://www.allclaveparts.com ) - it really is nice!

While I am working on trying to get everything updated, it seems like I lost my google checkout during the conversion process.

The google shopping cart no longer appears on the checkout page like it did prior to the conversion. It is listed as payment option, but clicking on it just returns you to the shopping cart.

Any idea what I could of done wrong?

Thx

Wally

Hi and thanks for the drop mod, I want to get rid of the home/login Nav in the top left corner (as they are in the drop menu) can you please tell me how to do this. The site is on localhost so cannot give link to site.