Apple Zen Support Thread

[barleywine]

Originally Posted by jettrue View Post
You will need to give each section its own id in includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

Like so:

Code:

<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.
Hi Again, Jade,

Thanks for all the help you've given me so far on this issue.
Unfortunately it's still not quite right. I was able to get the images now to show up, but not without the text on top - AND, on the menu items that drop down, I lose the drop down completely. So I was wondering if it's more of an issue with the language file - is there a way to define the text as really the image for JUST this one part? I don't want it to think that every instance of "home" needs to be this image, just in the navigation bar.

Here's the link again, so you can see what's happening - I didn't add the image to the drop down items because we use those a lot...
http://purple-eggplant.com/zc/

Hi again,

Been playing around a bit more, and tried changing this code in headermenu.php:

define('HEADER_TITLE_CATEGORIES','navbar_shop.gif'); 

And it seems like a step in the right direction, but now instead of the word "categories" in the display it has the filename for the image I want to use. Somewhere, in some file, I need to change something else, but I've done the developer search for HEADER_TITLE, and cant' find anything.

My deadline for this site is rapidly approaching, and if I can't accomplish this I really need to give the bad news to my client, but I've seen it done elsewhere, so I think it is possible...

Should I also post this in the thread for the menu? I searched there and no one has mentioned anything like this...but I didn't want to double post...

Thanks again!

I really don't mean to be a pest, but my client is asking when this is going to be resolved, and I'm still at a loss - can anyone help me?? Pleeeeease?
The rest of the site is nearly done and we're supposed to launch next week...
Thanks!

[jettrue]

I really don't mean to be a pest, but my client is asking when this is going to be resolved, and I'm still at a loss - can anyone help me?? Pleeeeease?
The rest of the site is nearly done and we're supposed to launch next week...
Thanks!

Ok, first of all, you did this:

<li class="catalog" id="catalog">

Instead of this:

<li class="submenu" id="catalog">

for the "catalog", and the "contact" sections. That'll need to be fixed first off.

Change HEADER_TITLE_CATEGORIES back to "Shop" in your language file, that's not the way to go.

then in the css, you need to replace your background image section with this:

#categories a, #categories a:hover {
	background-image: url(../images/navbar_shop.gif);
	background-repeat: no-repeat;
}
#cart a, #cart a:hover{
	background-image: url(../images/navbar_cart.gif);
	background-repeat: no-repeat;
}
#catalog a, #catalog a:hover {
	background-image: url(../images/navbar_home.gif);
	background-repeat: no-repeat;
}
#information a, #information a:hover {
	background-image: url(../images/navbar_info.gif);
	background-repeat: no-repeat;
}
#contact a, #contact a:hover {
	background-image: url(../images/navbar_contact.gif);
	background-repeat: no-repeat;

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

Add text-indent:-9000px; to div#dropMenu li a to hide the main level text.

Then add:

div#dropMenu ul li ul li a {text-indent:0!important;}

to un-hide the submenu's text.

Change this:

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

to this:

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

Add this to your css to keep the sidebox from showing the background image for the shop section, as it also uses #categories

#navColumnTwo #categories a {background:none;}

Err, I might have forgotten something, but that should get you closer.

[barleywine]

Ok, first of all, you did this:


Err, I might have forgotten something, but that should get you closer.

Jade, you ROCK!

I NEVER would've figured all that out without your help -
Thank you soooooo much!! That took care of everything!
Thanks again,
Melissa