Apple Zen Support Thread

[barleywine]

You can do this in the css.
This should get you in the right direction:

div#dropMenu ul.level1 li {background: url(../images/your_image_here.gif) no-repeat;}
div#dropMenu ul.level1 ul.level2 li {background-image:none;}

Put the image in includes/templates/YOUR_TEMPLATE/images/

Thanks so much Jade, for getting me started in the right direction, but...
what I had envisioned was that, like the side box image headers, each top level navigation button would be different - ie Home, Shop, About, cart, etc., with the nice font graphics I made, but this way, the same "shop" button goes all the way across the nav bar, repeated for every level 1 entry.

(see attached screenshot)

That's why I was wondering if I needed to edit the dropdown menu template itself, but I was scared of messing something up.

Thanks again for all your help, and for a fabulous template!
Melissa

[barleywine]

Actually - would it be in the headermenu.php file? If so, how would I edit only the actual header images?

Thanks!

[jettrue]

Thanks so much Jade, for getting me started in the right direction, but...
what I had envisioned was that, like the side box image headers, each top level navigation button would be different - ie Home, Shop, About, cart, etc., with the nice font graphics I made, but this way, the same "shop" button goes all the way across the nav bar, repeated for every level 1 entry.

(see attached screenshot)

That's why I was wondering if I needed to edit the dropdown menu template itself, but I was scared of messing something up.

Thanks again for all your help, and for a fabulous template!
Melissa

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.

[barleywine]

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.

Hi Jade - Thanks so much!

Unfortunately... I'm having a blonde moment of my own and can't figure out exactly how to work the css. I spent an embarrassing amount of time today trying to work this out with no luck. I did make the changes you gave in the dropdown template, just now I can't get the css to affect it. We are talking about the header menu stylesheet, right?

Any more suggestions would be GREATLY appreciated - as is your infinite patience with all us newbies!

Thanks again

[sethererm]

I have edited your template pretty heavily. If I don't get it figured out today I will be working on it again Monday morning - but so far I can't for the life of me get my menu's to display properly. I have moved code around so it is displayed on the left side - and it shows up alright in 7 and 8..just can't get the flyout of the menu to display correctly. They are still drop downs (as that was what they were originally designed for..so I am thinking that may be a problem).

Here is a link to the website I am trying to implement this into:
http://www.tqmeats.com/shop/

What I want it to do is what the prototype does:
http://www.tqmeats.com/new/

Hopefully someone will be able to help me - I will check this off and on today - and definitely more on Monday (going to be away from the internet all weekend ).

Thank you in advance!
Seth

[sethererm]

Ok, I figured it out. What I had to do was change the dropdown menus to have a margin-left attribute in the style sheet. I also found that in order for it to make it so it doesn't scroll all the other buttons down the page there has to be a margin-bottom attribute with a negative value. I made mine outrageous in case they add a lot of products when their site goes live.
I made it have a "margin-bottom:-1800px;" so that way they won't have any margin attached to them and they overlap the buttons located below them.

Yeah if that confused you you can private message me - I'll try to help you out however I can.

Thanks for anyone who looked into it - but...I'm good lol

Seth

[pchick23]

hi Jettrue ~ thanks so much for your work here ~ I'm totally new to zen cart, so I hope my question is not silly... but I am setting up my site and trying to get zen_lightbox to work. Actually, it's working beautifully except the drop-down menu bar doesn't disappear when a product is in lightbox mode.
http://phantomchicken.com/chickenstore

Any ideas?
Thanks!!!

[barleywine]

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.

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/

Sorry to be so dense about it... but thanks for your help!!

[barleywine]

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!

[dalewz]

Hello,

I am new here. Please help me to correct my site which is not same as the apple zen demo.

1. the menu is not working.

it seems that tpl_header.php should be changed for this. but the file has sth wrong (? mark there) since I downloaded it.

2. remove ezpages section?

3. remove next section under ezpage?

4. remove "Congratulations" section?

http://dalewz.brinkster.net/zencart/

thanks, -dale