CSS Dropdown menu for the header- With Categories!

Link to your site ...

Hey sorry it's - 'n o to r i o u s d e s i g n . c o . u k/dr.um' (ignoring the spaces)

I can't keep it in it's messed up state for long though or my client will start to panic :laugh:

Which add-ons have you installed.

First i would look at the add-ons you've installed and then check to see if any of them share the same files as the drop menu add-on.

If they do you will have to merge those files instead of just copying over them.

Hi,

Modules I have installed are:

• Ask A Question
• Lightbox
• News & Articles
• Tabbed Products Pro
• Column Grid Layout for product listing

There may be some others but I can't remember :S I'm also using the Pure_Black theme.

I've just tested it using a different theme and it worked! so your right it must be a module. I have no idea how to find out which though :S

argh nevermind I solved it, I'd copied one of the files to the wrong folder...:blush:

thanks for the help anyway :)

You posted before i could get back. Nice to hear you got it sorted.

Ravyn:

Hey all,

Love this addon, and I've got a pretty good grip on how to mod it to my liking, however I'm having one slight problem that I'd like to fix if possible.

When you highlight a Top Level Categiry in the Drop down menu, and the submenus appear, you can set it so that a different color appears using :hover

I want to make it so that the Top Level Category color remains the same as it is when you hover over it, while that specific drop down submenu is open.

Hopefully I explained that well enough,
Any questions to help clear what I'm looking for up, let me know.

Appreciate any and all ideas for this.

Cheers,
Ravyn

I did this, you should give it a go.

body {
behavior: url(includes/csshover.htc);
}

/green/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {background-image: url(../images/main_sidebox_right.gif)!important;background-image: url(../images/main_sidebox_right.gif);}

/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/

/*red
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/

/*grey
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/

div#dropMenu {
width:100%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}

div#dropMenu ul {
margin:0;
padding:0;
}

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

div#dropMenu ul.level1 {
width:100%;
margin:0 auto;
text-align:center;
background-image: url(../images/main_sidebox_right.gif);
background-repeat: repeat-x;
padding: 0px;
z-index:1000;
float:left;
}

div#dropMenu li a {
display: block;
/* Hides from IE5-mac */
height: 1%;
/* End hide from IE5-mac */
padding: .6em 0;
text-decoration: none;
text-transform:uppercase;
color:#ffffff;
text-align:center;
border-right:1px solid #ffffff;
}

div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} /
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 12em;display:block;z-index:1000;}
div#dropMenu ul.level2 {background:#4f4f4f;z-index:1000;position:absolute;left:0;}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level5,
div#dropMenu ul.level6,
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em; background-image: url(../images/main_sidebox_right.gif);
background-repeat: repeat-x;
padding: 0px;
z-index:1000;
float:left;
}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;} / this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {background-image: url(../images/main_sidebox_right.gif);
background-repeat: repeat-x;}

.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
}

I am working on a new site. This is going to be a "Showcase no prices" site. I have my store status set to 1, but the drop down menu still shows the "Shopping Cart" link at the top. I tried to comment this out in the tpl_drop_menu but all it did was remove the text. Would appreciate any help.

atl2rva:

I am working on a new site. This is going to be a "Showcase no prices" site. I have my store status set to 1, but the drop down menu still shows the "Shopping Cart" link at the top. I tried to comment this out in the tpl_drop_menu but all it did was remove the text. Would appreciate any help.

Find and delete this from, includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

        <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
        <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
          <ul>
            <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 } ?>

It might not look exactly like this as i have changed some things, but i think its pretty much the same. You can see the relevant things here to delete.

Hi again,

I'm having a small problem with one of the level styles. I chose a separate level for my home button, so that I could align the submenu to stop it overlapping the edge of my site, after I centered the rest under the buttons. This now works, except for some reason the Home submenu is taking on the style of level1, which is creating excess padding and capitalizing the text. I've double checked everything and it seems correct. Any help appreciated! :)

My url is - n o t o r i o u s d e s i g n . c o . u k / d r . u m (without the spaces)

here's my problem code at the moment..

div#dropMenu {
width:100%;
margin:0 auto;
text-align:center;
z-index:1;
position:relative;
}
.dropnav-right {
background:url("../images/topnavrightbg.jpg");
height:62px;
margin-right:-9px;
float:right;
width:106px;
z-index:2000}

.dropnav-left {
background:url("../images/topnavleftbg.jpg");
float:left;
height:62px;
margin-left:-12px;
width:24px;
z-index:2000;}

div#dropMenu ul {
margin:0;
padding:0;
}

div#dropMenu li {
position:relative;
list-style:none;
margin-left: -5px;
float:left;
line-height:1em;
width:11.5%;
*width:11.5%;
}

div#dropMenu ul.level1 {
width:91%;
margin:-62px 0 0 12px;
text-align:center;
background:url("/dr.um/includes/templates/pure_black_free/images/navbar.jpg"); /*background of top menu when NOT selected. */
z-index:-1000;
height:62px;
float:left;
}

div#dropMenu li a {
display: block;
/* Hides from IE5-mac */
height: 1%;
/* End hide from IE5-mac */
padding: 2.3em 0;
text-decoration: none;
text-transform:uppercase;
color:#ffffff;
text-align:center;
font-size: 9pt;
}

div#dropMenu li.submenu2:hover {
background:url("/dr.um/includes/templates/pure_black_free/images/hoverstate.jpg");
height: 62px; }

/*div#dropMenu li.submenu {background: url(../images/hoverstate.jpg) 95% 50% no-repeat;} /
div#dropMenu li.submenu:hover {background: url(../images/hoverstatemenu.jpg); height:62px; no-repeat;}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
div#dropMenu li.submenu li.submenu {background: #333;}
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level1 li.submenu:hover ul.level6,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 8em;display:block;z-index:1000;}
div#dropMenu ul.level2 {background:#4f4f4f;z-index:1000;position:absolute;left:-10px;}
div#dropMenu ul.level6 {background:#4f4f4f;z-index:1000;position:absolute;left:-2px;}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em; background:#4f4f4f}
div#dropMenu ul.level2 a, ul.level6 a {background:#4f4f4f; padding: 0.8em 0 0.8em 0.25em;color: white; text-transform:none;} / this is text color on drop-down submenu */

div#dropMenu ul.level2 a:hover, ul.level6 a:hover {color:#fff; background:#ff9e2a;}

on closer inspection it seems I left out an extra 'div#dropMenu' in "div#dropMenu ul.level2 a, ul.level6 a"

:oops:

Hi, I am trying to instal this mod, I want the top menu to appear as tabs, I also have a backround image for the tabs, however, when I click on the top category, the submenu displays correctly, but the top menu goes transparent, any ideas?

Here is my header menu css

body {  
    behavior: url(includes/csshover.htc);
    }
    
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {background-image: url(..../images/bg_tabs_right.gif)!important;background-image: url(../images/bg_tabs_left.gif);}


/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
    
div#dropMenu {
    font: normal bold 1.083em arial;
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:1000;
    position:relative;
    }

div#dropMenu ul {
    margin:0;
    padding:0;
    }
    
div#dropMenu li {
    position:relative;
    list-style:none; 
    float:left; 
    margin: 0 0 0 6px;
    padding: 0 0 0 4px;
    }
    
div#dropMenu ul.level1 {
    width:100%;
    margin: 0 0 0 6px;
    padding: 0 0 0 4px;
    text-align:center;
    z-index:1000;
    float:left;
    }

div#dropMenu li a {
    display: block;
    /* Hides from IE5-mac \*/
    height: 1%;
    /* End hide from IE5-mac */ 
    text-decoration: none; 
    text-align:center; 
    background: url(../images/bg_tabs_right.gif);
    padding: 11px 16px 8px 12px;
    
    }    
    
div#dropMenu li:hover {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li.submenu {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li.submenu:hover {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
div#dropMenu li.submenu li.submenu {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 12em;display:block;z-index:1000;}
div#dropMenu ul.level2 {z-index:1000;position:absolute;left:0;}
div#dropMenu ul.level3, 
div#dropMenu ul.level4, 
div#dropMenu ul.level5, 
div#dropMenu ul.level6, 
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em;}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}

.clearBoth {
    height:0;
    font-size:0;
    line-height:0;
    }

Link to the site ...

Sorry, cant provide site because Im not using this until I fix it...

marcelarr:

Hi, I am trying to instal this mod, I want the top menu to appear as tabs, I also have a backround image for the tabs, however, when I click on the top category, the submenu displays correctly, but the top menu goes transparent, any ideas?

Here is my header menu css

body {
behavior: url(includes/csshover.htc);
}

/green/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {background-image: url(..../images/bg_tabs_right.gif)!important;background-image: url(../images/bg_tabs_left.gif);}

/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/

/*red
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/

/*grey
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/

div#dropMenu {
font: normal bold 1.083em arial;
width:100%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}

div#dropMenu ul {
margin:0;
padding:0;
}

div#dropMenu li {
position:relative;
list-style:none;
float:left;
margin: 0 0 0 6px;
padding: 0 0 0 4px;
}

div#dropMenu ul.level1 {
width:100%;
margin: 0 0 0 6px;
padding: 0 0 0 4px;
text-align:center;
z-index:1000;
float:left;
}

div#dropMenu li a {
display: block;
/* Hides from IE5-mac */
height: 1%;
/* End hide from IE5-mac */
text-decoration: none;
text-align:center;
background: url(../images/bg_tabs_right.gif);
padding: 11px 16px 8px 12px;

}    

div#dropMenu li:hover {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li.submenu {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li.submenu:hover {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
div#dropMenu li.submenu li.submenu {background: url(..../images/bg_tabs_right.gif);}
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 12em;display:block;z-index:1000;}
div#dropMenu ul.level2 {z-index:1000;position:absolute;left:0;}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level5,
div#dropMenu ul.level6,
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em;}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}

.clearBoth {
height:0;
font-size:0;
line-height:0;
}

I am quoting an older post for my exact same problem.

Sadly that member did not leave any details of a solution except to say they sorted it.

Would anyone have any idea where to put the extra code in the tpl_header.php file? -I attach a copy of it here.

I'm posting that template's tpl_header.php -- but am not sure it's as simple as that -- hoping that maybe possibly someone could please maybe possibly help me figure this out

aly22:

good point, I did fail to mention that.
However, I cannot find the END of the logo/navigation section -- it doesn't seem to be commented in the file.

And so far, wherever I try to place the menu code it wipes out the rest of the template.

I'm using this template
and want the menu just below the main header graphic where the template actually has their horizontal navigation (which is actually ez-pages navigation)

I COULDNT UPLOAD THE FILE SO HERE IS ITS CONTENTS

<?php
/**
 * 		
 *				<!-- ====================================== -->
 *			</div>
 *			<div class="currency-form">
 *				<!-- ========== CURRENCIES ========= --><div></div>
 *
 *
 *
 *
 *
 * 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 $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>


<script type="text/javascript">
	jQuery(window).bind("load", function() { 
	jQuery("div#mygalone").slideView(); 
	
		var slider_links = jQuery('.stripTransmitter li a');				
		var slider_links_index = 0;		
		function slider_intro(){						
			slider_links.eq(slider_links_index).trigger('click');			
			slider_links_index++;			
			if(slider_links_index <= slider_links.size()){
				setTimeout(function(){slider_intro()}, 500000); //select change time
			}
			else if(slider_links_index > slider_links.size()){				
				slider_links.eq(0).trigger('click')
			}			
		}		
		slider_intro();
	
	
}); 
</script>


<div id="header">
	<div class="top">
		<div class="logo">
			<!-- ========== LOGO ========== -->
				<a href="<?php echo zen_href_link(FILENAME_DEFAULT);?>"><?php echo zen_image(DIR_WS_TEMPLATE.'images/logo.gif'); ?></a>
			<!-- ========================== -->
		</div>
		<div class="fright alignright">
			<div class="nav-links">
				<!-- ========== NAVIGATION LINKS ========== -->
					<?php echo zen_draw_form('currencies', zen_href_link(basename(ereg_replace('.php','', $PHP_SELF)), '', $request_type, false), 'get');?>
				<?php echo BOX_HEADING_CURRENCIES; ?>: 
				<?										
					if (isset($currencies) && is_object($currencies)) {						
					  reset($currencies->currencies);
					  $currencies_array = array();
					  while (list($key, $value) = each($currencies->currencies)) {
						$currencies_array[] = array('id' => $key, 'text' => $value['title']);
					  }										
					  $hidden_get_variables = '';
					  reset($_GET);
					  while (list($key, $value) = each($_GET)) {
						if ( ($key != 'currency') && ($key != zen_session_name()) && ($key != 'x') && ($key != 'y') ) {
						  $hidden_get_variables .= zen_draw_hidden_field($key, $value);
						}
					  }
					}										
				?><?php echo zen_draw_pull_down_menu('currency', $currencies_array, $_SESSION['currency'], ' onchange="this.form.submit();"') . $hidden_get_variables . zen_hide_session_id();?>
				
  |    

<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a>
				<?php if ($_SESSION['customer_id']) { ?>
					  |   <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>
					  |   <a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
				<?php
					  } else {
						if (STORE_STATUS == '0') {
				?>
					  |   <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>
				<?php } } ?>

				<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
					  |   <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a>
				<?php }?>		
		
				</form>	
				
				<!-- ====================================== -->
			</div>
			<div class="lang">
				<!-- ========== LANGUAGES ========== -->
				<?php if (!isset($lng) || (isset($lng) && !is_object($lng))) {
					$lng = new language;
				  }

				  reset($lng->catalog_languages);

				  while (list($key, $value) = each($lng->catalog_languages)) {
					echo '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . zen_image(DIR_WS_LANGUAGES.$value['directory'].'/images/'.$value['image'], $value['name'], '', '', ' style="vertical-align:middle;"') . '</a>';
				  }
				 ?>				
				<!-- =============================== -->
			</div>
			<div class="cart">
				<!-- ========== SHOPPING CART ========== -->
				<?php 
					if ($_SESSION['cart']->count_contents() == 1) {
						$items = $_SESSION['cart']->count_contents() . ' item';
					} else {
						$items = $_SESSION['cart']->count_contents() . ' items';
					}
				?>  
				<strong><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL');?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></strong>: now in your cart <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL');?>"><?php echo $items;?></a>
				<!-- =================================== -->
			</div>
		</div>
	</div>
	<div class="wrapper">
		<!-- ========== MENU ========== -->
			<div class="menu">
				<!--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>
		<!-- ========================== -->
		<div class="search-form">
			<!-- ========== SEARCH ========== -->
				<?php require($template->get_template_dir('tpl_search_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_search_header.php');?>   
			<!-- ============================ -->
		</div>
	</div>
	




<!-- ========CAROUSEL======= -->

<!-- <?php require($template->get_template_dir('tpl_slider.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_slider.php');?>  -->
	
 			
	
<?php } ?>

This is the code I need to add to the above tpl_header.php

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

I have no idea where to put it. Whatever I try loads the header and wipes out the rest of my page HELP PLEASE!!!

PS I also took the tpl_header.php that came with this add on and tried it, even thought it totally messed up my page its still loaded, but again only the header the rest of the page was gone.

I'm really desperate for some help... I do my best to help myself search through the thread. From reading hundreds of posts it seems to me that in 2006/7 all the big guns Dr Byte, the Green Elf and Jade who improved this add on so much have been here daily answering questions taking notes and making improvements.

Ive only been a member for a month but hardly any of my posts were answered directly I either PM people and beg them to come practically dragging them. Or by some fluke I find the answer.

Well Ive hit a brick wall, this is code, I need help from someone knowledgeable. The above mentioned members hardly show themselves anymore or answer many posts if any and us new zenners have truly been left to the wolves and pick up the pieces of old posts sometimes useful sometimes not at all. It's true people volunteer but unless the hardcore zenners make their presence felt this program will disappear into oblivion just as much as it became popular due to their dedication and involvement. Nothing lasts for ever and its up to them and us to maintain it.

I will again be PMing online people in the hope of finding someone who is at lease "totally zenned" with 5 min to spare, not getting my hopes up....:dontgetit

My website is on https://www.majesticsilver.co.uk/store.

Ive reached the end of my tether so $10 to anyone who makes this code works for me. $10 to your paypal fast and easy, try who knows you might have the answer, its only simple for someone into code....

aozhaver:

My website is on www.majesticsilver.co.uk/store.

Ive reached the end of my tether so $10 to anyone who makes this code works for me. $10 to your paypal fast and easy, try who knows you might have the answer, its only simple for someone into code....
Based on the information you've provided this would indicate a few things.. Either the menu files are not loaded in the correct folders or there is some other issue within your template that is preventing this menu from loading.. Can't say solely based on the information provided.

Here's what you can check in the meantime. did you make SURE all the template related files are in the right location?? (all of the YOUR_TEMPLATE files should be in a folder which is the same name as your templates folder)

Ive been doing a lot of testing and trials, overall I must have checked at least 5 times. I am certain all files are in the right place.

Such a shame someone else had the exact same problem, they requested help and didnt bother to post the solution... so frustrating:frusty:

aozhaver:

Ive been doing a lot of testing and trials, overall I must have checked at least 5 times. I am certain all files are in the right place.

Such a shame someone else had the exact same problem, they requested help and didnt bother to post the solution... so frustrating:frusty:
Well given that they used a Template Monster template which are generally poorly coded and follow non Zen Cart norms for their template construction I doubt her answer would have been of any use..

aozhaver:

Ive only been a member for a month but hardly any of my posts were answered directly I either PM people and beg them to come practically dragging them. Or by some fluke I find the answer.
BTW, no answer is not indicative of being ignored.. It REALLY sometimes means that no one has an answer.. I personally appreciate no response over a bunch of "I have no idea responses".. Sure you got folks to respond to your post, but did you really learn anything you already didn't know???