CSS Dropdown menu for the header- With Categories!

[jettrue]

Sorry, you are right. I was thinking of somebody else...

I inserted the images as you said, and everything works fine. Thanks!

But when I hover over the images, there is still the rectangular box. Is there a way to solve that problem?

And when I click on a one of my Categories for example the site moves over and my buttons dont align with the rest of my page.

My URL is www.psqinone.com

Thank you so much for you help. You are great!

Are you still having either of these issues? I don't see these issues in Firefox.

[Impact-Flies]

Just for fun, save a copy of your current stylesheet.css, then upload the ORIGINAL classic stylesheet, and see if the issue goes away. Then we'll know whether or not the issue is in the css.

Thank you for the reply

I have uploaded the original stylesheet.css from the original ZC Cart files and there is a little bit of difference in it now, part of the tile_back.gif is now showing.

It's a bit more messed up in IE7, the drop menu is now over the logo, I guess that is due to the logowrapper dimensions (100 px needed)

Not bothered about the width changing at the moment, I can alter that later.

http://www.impactflies.com/fly_shop/

[jettrue]

Thank you for the reply

I have uploaded the original stylesheet.css from the original ZC Cart files and there is a little bit of difference in it now, part of the tile_back.gif is now showing.

It's a bit more messed up in IE7, the drop menu is now over the logo, I guess that is due to the logowrapper dimensions (100 px needed)

Not bothered about the width changing at the moment, I can alter that later.

http://www.impactflies.com/fly_shop/

Re-upload your previous stylesheet, and then change this section to this:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 30px;
	}

[Impact-Flies]

That's got it

Thank you so much for your attention

I must have changed all of the figures with the web developer toolbar css feature except of course the correct ones

[Ingham QLD]

I am trying to replace the category generator in tpl_drop_menu.php and want to manually add individual categories (such as "Music Genres") in the dropdown menu. What line of code would I need to insert?

[jettrue]

I am trying to replace the category generator in tpl_drop_menu.php and want to manually add individual categories (such as "Music Genres") in the dropdown menu. What line of code would I need to insert?

Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove this chunk:

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

and in its place, manually add the links you want, following the drop menu link structure. You can view the source of your site before you remove the generator chunk, copy the categories chunk, then just replace the category links you want, and past it back in tpl_drop_menu.php.

[Ingham QLD]

The part I'm struggling with is what code to use when I am inserting categories such as "Music Genres". FILENAME is not the correct file to draw from. What should I use instead?

Here's my example:

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
<ul class="level2">
<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_PRODUCTS_NEW); ?>"><?php echo HEADER_TITLE_NEW_PRODUCTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_GENRES_MUSIC); ?>"><?php echo HEADER_TITLE_MUSIC_GENRES; ?></a></li>
</ul>
</li>

[jettrue]

The part I'm struggling with is what code to use when I am inserting categories such as "Music Genres". FILENAME is not the correct file to draw from. What should I use instead?

Here's my example:

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
<ul class="level2">
<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_PRODUCTS_NEW); ?>"><?php echo HEADER_TITLE_NEW_PRODUCTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_GENRES_MUSIC); ?>"><?php echo HEADER_TITLE_MUSIC_GENRES; ?></a></li>
</ul>
</li>

Stop trying to use PHP, just make actual links.
<a href="link_here">Name of Link Here</a>

[Ingham QLD]

Ah ha!! Now I see what you're getting atI can get that to work.

However, if I want to add the subcategory links (as a menulist?) what should I insert before those links?

[jettrue]

Ah ha!! Now I see what you're getting atI can get that to work.

However, if I want to add the subcategory links (as a menulist?) what should I insert before those links?

View the source of your page before removing the automatic category generator, or view the source of my test page (http://www.zencart137.jadetrue.com) to get the layout of the menu to follow.