Apple Zen Support Thread

[xRobVx818]

You will need to give each section its own id in includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

Like so:

<li class="submenu" id="catalog"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

<li class="submenu" id="categories"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>

<li class="submenu" id="information"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>

<li id="contact"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

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

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

Then you can give them each their own image in the css.

where in the php file do you put this?

[xRobVx818]

where in the php file do you put this?

actually i just figured it out

[artcoder]

How would I alter this code ...

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;

So instead of displaying the drop list from a top-level category ...


It displays starting from a second level category as in ...

[xRobVx818]

You will need to give each section its own id in includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

Like so:

<li class="submenu" id="catalog"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

<li class="submenu" id="categories"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>

<li class="submenu" id="information"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>

<li id="contact"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

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

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

Then you can give them each their own image in the css.

alright I got the images to work and everything is fine in Firefox, but in IE 6 the images and dropdown menus are all justified to the right. how can i make them justified to the left like they should be?

here is my css file, this is my website http://www.kingpinstatus.com

body {  
	behavior: url(includes/csshover.htc);
	}
	
/*green
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}
*/

/*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 ul.level2 a:hover {
	color: #FFFFFF important;
	background-color: #FFFFFF; /*background:#DC262E;originally 650302, then beigeF7E2AD*/
}


/*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:70em;
	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:14.285%;
	*width:14.255%;
	}


	
div#dropMenu ul.level1 {
	width:70em;
	margin:0 auto; 
	text-align:center;
	background:url(../images/menubg.jpg) repeat-x; /*background color of top menu when NOT selected. */
	z-index:1000;
	float:left;
	height:33px;
	}


div#dropMenu ul.level1 ul.level2 li a {background-image:none;} /*added per jadetrue*/

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:left; 
	text-indent:-9000px;
	}	
	
div#dropMenu ul li ul li a {text-indent:0!important;}
	
a.shop {
	background: #993300 url(../buttons/english/boxhead-categories.gif) no-repeat;
	background-image: url(../buttons/english/boxhead-categories.gif);
}


#navColumnTwo #categories a {background:none;}



	
	
	
	
	
div#dropMenu ul.level1 li {background: url(../images/menubg.jpg) no-repeat;}
div#dropMenu ul.level1 ul.level2 li {background-image:none;}		
div#dropMenu li:hover {}
/* div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}url(../images/boxhead-categories.gif) 95% 50% no-repeat originally commented out*/
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;} /*originally 12em;, then 12.6em*/
div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} /*orig commented out*/
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;} /*originally 12em;*/
div#dropMenu ul.level2 {
	background:#4f4f4f; /*originally #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; /*originally 12em;*/
	background:#4f4f4f;

}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	}
	
	
#categories a, #categories a:hover {
	background-image: url(../images/navbar_shop.gif);
	background-repeat: no-repeat;
	background-position: center-y;
}
#cart a, #cart a:hover{
	background-image: url(../images/navbar_cart.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#catalog a, #catalog a:hover {
	background-image: url(../images/navbar_home.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#information a, #information a:hover {
	background-image: url(../images/navbar_info.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#contact a, #contact a:hover {
	background-image: url(../images/navbar_contact.gif);
	background-repeat: no-repeat;
	background-position: center;

}
#account a, #account a:hover {
	background-image: url(../images/navbar_account.gif);
	background-repeat: no-repeat;
	background-position: center;
}

[epsports]

SOS Jettrue

Is there any way of embedding a login box within the header?
I have tried login_header download, seems old and I get a security error.
I wanted to try and use the code from the login_box contrib but i'm lost with what code i should actually incorporate.
2 days of stress, client no happy, me even unhappier!
If you can give me any advice whatsoever on what to incorporate and where, I'd be much appreciative!
Domain : sta rlig htmo bil es .com

Thank you in advance,
Chris aka kopite212

[jettrue]

I am fairly new to Zen. LOVE it. And LOVE this template. I am trying to randomize the logo image so that a slightly different image will appear on each refresh. I've done this with oscommerce, but can't seem to get anything working right with my new Zen'd store. Could you point me in the right direction?

Thanks!
Jen

I've never done this. Perhaps ask in the general forum, as the answer would be the same no matter the template. Enjoy!

[jettrue]

Hi, I'm using this template in www.todoenguate.com excellent, but I have the problem that when on-site in IE6 in the startup menu, categories, information does not open the submenu. I have also the problem that when you put the sidebox logon and search, I put all sidebox to bottom of page. I need your help please. In Firefox works all too well.

My English is not very good.

Thank you

Rolando Maldonado.

Read the readme, follow the instructions for the .htaccess file and the csshover.htc file so that the menu will work in all browsers. I can't help with the sidebox login and search, since you have them off right now.

[jettrue]

where in the php file do you put this?

Open up the file that I mentioned, look for those sections, and then adjust as I described. You don't "PUT" that section anywhere its about making an adjustment.

[gizemo]

I managed for show trail. But I still still dont know why the search not only show on header but also on right box?? Can anyone help me please....

I activate manufacture on the right box, but the pull down function doesnt work.... Right now i'm still working on local host...

Can anyone help me please....

[anniti]

I am trying to randomize the logo image so that a slightly different image will appear on each refresh.

and if you wrap your logo into a banner?