CSS Dropdown menu for the header- With Categories!

[kamullis]

Hi. Thanks for the great menu! I want to add an "about us" link under the information drop down and I noticed that there is already a link created but it is commented out. I am pretty new to php. I uncommented it and it's showing up in the menu now but I don't believe the page exists. At least I looked for it where I surmised it might be based on where the other pages seem to be located and I didn't see it. So my question is should the page already exist somwhere and if not how do I create so that it can be edited from the admin site and will function with the existing link?

Also, if I wanted to create a completely new page and and have the link point to the proper location how would I do that? I understand the ul's and li's I'm jus tnot clear on the code in the ancor eg:

<!--
<a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a>
-->

thanks again!

[kamullis]

Sorry. I think I found the answer in the thread... saying that the answer is in the readme.txt... my bad. it's amazing what you can find if you actually look first =)

[kamullis]

So I have seen the ways to add the about us page to the to my site in the read me text and it seems pretty straight forward. however, i see that there are some extra pages in the define pages editor, such as page_3.php and are located in includes/languages/english. is there a straight forward way, for someone who is very new to php, to save one of these as about_us.php, upload it and have it link correctly? i went in and also chancged this:

define('NAVBAR_TITLE', 'Page 2');

define('HEADING_TITLE', 'Page 2');

to this:

define('NAVBAR_TITLE', 'About Us');

define('HEADING_TITLE', 'About Us');

what else am i missing? are there other files that need to be edited to be included in the about_us.php page, or is it a database issue...

or am i in way over my head and asking for explanation that will take way too long =)

thanks again for the great menu. it's a life saver. i guess it's really time to buckle down and learn php and mysql.

[kamullis]

well... i think i have found an answer to my question once again... there is informetion in the wiki about this. here's the link for anyone else who might be interested.

http://www.zen-cart.com/wiki/index.p...Optional_files

[NiallO58]

Can anyone please tell me if im doing something wrong? I am trying to install this drop down box, I move the downloaded folder into the server using filezilla (and also rename the YOUR_TEMPLATE to my template name where needed) but it doesnt appear in the Layout Boxes Controller.

I am new to using Zen Cart and I managed to install the eBay Exporter without a problem but when ever I try to install any sidebox to the website it never appears for me.

Can some please help me with this problem???

[Get Em Fast]

Can anyone please tell me if im doing something wrong? I am trying to install this drop down box, I move the downloaded folder into the server using filezilla (and also rename the YOUR_TEMPLATE to my template name where needed) but it doesnt appear in the Layout Boxes Controller.

I am new to using Zen Cart and I managed to install the eBay Exporter without a problem but when ever I try to install any sidebox to the website it never appears for me.

Can some please help me with this problem???

The only reason for this to be happening is that the files are NOT uploaded to the correct directories. Double-check each file to ensure the correct structure............even if that means uploading one-by-one until you get it right.

[flemingo]

As seen in the attachment. I m using the latest zen cart version website address is www.herbicures.com.

I want to remve this gap. i m using a custom blingthemes template.

[NiallO58]

Thanks Get Em Fast, that fixed it alright. I was adding the folder to the wrong place.

Just another small issue, its not that important but i was wondering why the drop menu does not disappear when you from the web page when you put both LEFT/RIGHT COLUMN status and SINGLE COLUMN status to OFF. The only way i can remove it is to delete the files completely. Is it just the way it was created or am i missing something :-S ?

[Ravyn]

Hey all,

Couple of questions about this CSS dropdown Menu.

I've got installed and working pretty solidly, just a few small issues that I'd like to try and work out.

I'm using ZenCart 1.3.8a

The 3 issues I'd like resolved are:
1. When I mouse over a drop down menu (any of them) and then roll my mouse down over the Categories that drop down, the 'hover' image (with the 2 black ends lit up pink) of the menu changes back to the regular black version. I would like it so that as long as that menu is open and I'm navigating through it the original menu title stays highlighted with the pink ends.

2. I've been trying to figure out a way to set a background image only for Categories which contain sub categories within them. I was able to add a border to the following property:

div#dropMenu li.submenu li.submenu {}

and that created a border around only the items which opened up into a subcategory listing.

3. The subcategories that open up (for example, go to Categories > Lingerie) have a white border dividing them, as opposed to the black border that divides the original category listing, I'd like them to match.

Here is a link to the site for you to take a look at:
(Warning, the site is a lingerie based company, so there will be somewhat explicit images)
http://test.alexasroom.ca

And the following is my current stylesheet_header_menu.css:

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 li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background: url(../images/button4down.png) 95% 50% no-repeat;}
 

/*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 ul.level1 li:hover {
background-image:url(../images/button4down.gif);
background-position: top center;
background-repeat: no-repeat;
}

div#dropMenu ul.level1 li:hover ul.level2 li:hover {
background:none;
}            */
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:#494949; /*background color of top menu when NOT selected. */
	z-index:1000;
	float:left;
	}

div#dropMenu li a {
	display: block;
	/* Hides from IE5-mac \*/
	height: 1%;
	/* End hide from IE5-mac */ 
	padding: 0.6em 0; 
	text-decoration: none; 
	text-transform:uppercase; 
	color:#ffffff; 
	text-align:center; 
	/*border-right:1px solid #FF00C0; */
	background: url(../images/button4.png) 95% 50% no-repeat;
	}	
	
div#dropMenu li:hover {background: url(../images/button4down.png) 95% 50% no-repeat;}        
div#dropMenu li.submenu {} 
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: solid 2px; border-left: solid 2px; border-right: solid 2px; width:100%;z-index:1000;}
div#dropMenu li.submenu li.submenu {} 
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: 130px;display:block;z-index:1000;}
div#dropMenu ul.level2 {background: #4f4f4f;z-index:1000;position:absolute;left:5;}
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: 130px; background: #4f4f4f;}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: #FFFFFF; text-transform:none; background: #FA00BC;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f; background: #FF6699;}

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

Thanks for any help,
Cheers,
Ravyn

[Get Em Fast]

Get some sleep.. You need to rest up for the next contribution you will be submitting!!

Diva.............I KNOW you done gave up on me, didn't you? Well............SURPRISE!!!! I JUST submitted the new jquery version to the downloads section!

I would tell you all the features here, but as this is completely a different module now, I'm thinking I'm going to have to start a support thread for it as well, because I'm sure YOU (since it looks like Jade hates us and won't grace us with her appearance, anymore and you've taken her place in supporting this menu.) don't want all the extra questions that this menu is going to bring up.

Any way...........I'll let everyone know here, if and when the download is approved.