CSS Dropdown menu for the header- With Categories!

Hi

Not sure if this is the reason, but the code for your menu is in the footer of the shop, not the header. Any reason for this?

Craig

desamothrace:

Hi!

I'm sorry if this topic is in repeat, I'm having a hard time finding my answers!

I'm interested in adding additional links to my Information drop menu.
Customizing any of the link references in tpl_drop_menu, once uploaded, removes the drop down menu completely from my site.

I've tried to do the following:
~~remove Discount Coupons
~~ add topics Designer & Tutorial
~~(rather than use the given page_2, page_3, I've created custom pages: /tutorials.php /designer.php

When the sidebox is activated (I'd prefer to have it off) the "designer" option is available, however I receive a 404 of the page not being found. I assume this correlates to the link issue above.

https://www.candycornclothing.com/shop

Thank you much!
Jen
My guess is that it has nothing to do with the drop down menu, but an error in how you've created the pages or edited the coding.

If you type in the address of the new pages you've created, do they work? I.E.:
http://www.candycornclothing.com/shop/index.php?main_page=designer
http://www.candycornclothing.com/shop/index.php?main_page=tutorials

There's an "About Us" mod in the download section that shows you all the files you have to create to make new pages work.

Also, can you give me an example of what you've tried adding to tpl_drop_menu.php?

CES:

Hi

Not sure if this is the reason, but the code for your menu is in the footer of the shop, not the header. Any reason for this?

Craig

Who are you asking? Me? I designed Apple Zen that way, so that people with REALLY big menus have the actual content of their site show first for the spiders.

jettrue:

Who are you asking? Me?

Well not really.

jettrue:

I designed Apple Zen that way, so that people with REALLY big menus have the actual content of their site show first for the spiders.

Thanks for explaining it though. I was just comparing to my site and the instructions to put the dropdown it in the header file.

If you want me to keep my nose out in future, just say. ;-)

Thanks for a great mod once again.

Craig

Im trying to get my css header menu to look like it is suppose to be in the header by maybe adding some rounded corners on each of the drop downs does anyone know if this is possible and how to do it?

I have not seen this problem posted at this point. In reference to the EzPage menu, when I add the line <?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?> To tpl_drop_menu.php, the body of the page goes away in Mozilla v3.0.5. All the menus but ezpages menu operate but when selecting a choice the body of the web site does not show anything. But In IE 7.xx I can still see the body and the ezpage menu still does not work. When I comment out this line of code everything goes back to normal. The other menus work and link fine.

Do I have the incorrect line of code in the file? Below is the content of my file: Thanks in advance for all your support on the mod – It’s a great addition to ZenCart.

<!-- menu area -->

<div id="dropMenuWrapper">
  <div id="dropMenu">
    <ul class="level1">
 <!--You can manually put whatever additional links you like in using this structure -->
      <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
        <ul class="level2">
          <li><a href="http://www.sensational-skin.com/sandbox/index.php?main_page=page_3">Directions to the office</a></li>
          <!--<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_SPECIALS); ?>"><?php echo HEADER_TITLE_SPECIALS; ?></a></li>
            
          <!--  <li><a href="<?php echo zen_href_link(FILENAME_ADVANCED_SEARCH); ?>"><?php echo HEADER_TITLE_SEARCH; ?></a></li> -->
        </ul>
      </li>

      
<!-- This start the Catorgies list I added - John -->  

<?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);
 
 
?>
    <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo "Our Products"; ?></a>
        <ul class="level2">
        <li><?echo $menulist;?> </li>
        </ul>
        </li>
<!--This ends the Catagories list I added - John  -->    

<!-- You can also add links on this side of your catefories menu -->
      <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
        <ul class="level2">
          <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>
          <?php if (defined('FILENAME_SITE_MAP')) { ?>
          <li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li>
          <?php } ?>
          <li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>
          
    </ul>
      </li>
      <li class="submenu" id="ezpages"><a>In Office Service</a>
<ul class="level2">
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
</ul></li>
  
<!-- this is where the orginal comment ended -->
       
  </div>
</div>
<div class="clearBoth"></div>

jettrue:

My guess is that it has nothing to do with the drop down menu, but an error in how you've created the pages or edited the coding.

If you type in the address of the new pages you've created, do they work?
Thank you, you were correct. My links were not active. Corrected

jettrue:

There's an "About Us" mod in the download section that shows you all the files you have to create to make new pages work.
Thank you, I have downloaded it and made following corrections to make my links active.

jettrue:

Also, can you give me an example of what you've tried adding to tpl_drop_menu.php?

Sure! I haven't done any further adjustments than this, all that I've done is mimicked the code for the about us page:

I'm not skilled enough to know whether there is additional coding required or not.

Thank you again! I need to buy you a coffee-- or tea.

Jen:blush:

gee38l:

Im trying to get my css header menu to look like it is suppose to be in the header by maybe adding some rounded corners on each of the drop downs does anyone know if this is possible and how to do it?

Sorry, I don't support adding images to the menu, it's too complicated, but perhaps someone else has done this.

johnkosh:

I have not seen this problem posted at this point. In reference to the EzPage menu, when I add the line <?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?> To tpl_drop_menu.php, the body of the page goes away in Mozilla v3.0.5. All the menus but ezpages menu operate but when selecting a choice the body of the web site does not show anything. But In IE 7.xx I can still see the body and the ezpage menu still does not work. When I comment out this line of code everything goes back to normal. The other menus work and link fine.

Do I have the incorrect line of code in the file? Below is the content of my file: Thanks in advance for all your support on the mod – It’s a great addition to ZenCart.

It doesn't have anything to do with the file. You haven't uploaded all languages files to their correct spots. Check, double, triple, and quadruple (you get the point) check.

desamothrace:

Thank you, you were correct. My links were not active. Corrected

Thank you, I have downloaded it and made following corrections to make my links active.

Sure! I haven't done any further adjustments than this, all that I've done is mimicked the code for the about us page:

<li><a href="<?php echo zen_href_link(FILENAME_DESIGNER); ?>"><?php echo HEADER_TITLE_DESIGNER; ?></a></li> <?php if (DEFINE_SITE_MAP_STATUS <= 1) { ?>

I'm not skilled enough to know whether there is additional coding required or not.

Thank you again! I need to buy you a coffee-- or tea.

Jen:blush:

Hi there.

Coffee please :cool:

If you add the code "FILENAME_DESIGNER" or "HEADER_TITLE_DESIGNER", those are called defines, and you have to define them in a languages file somewhere.

But instead of that, I'll give you a hint (the kind that makes you smack yourself on the head). Just enter the link instead:

<li><a href="index.php?main_page=designer">Designer</a></li>

(don't use the <?php if (DEFINE_SITE_MAP_STATUS <= 1) { ?> code, that is for the next link)

Hoooray.

:P.. you were right too. (clunk on the noggin) I was reading your reference code and I was like.. "Hey, I know that!"

You'll have to post your "Give me a coffee" button.

Thanks for your downloads & all your help. If it weren't for your templates I'd still be using tables and Paypal buttons.

<3 Jen

desamothrace:

Hoooray.

:P.. you were right too. (clunk on the noggin) I was reading your reference code and I was like.. "Hey, I know that!"

You'll have to post your "Give me a coffee" button.

Thanks for your downloads & all your help. If it weren't for your templates I'd still be using tables and Paypal buttons.

<3 Jen

You're welcome. :) My "give me a coffee" button is referenced in the readme.txt. :blush: I don't do this for coffee, or expect much coffee, but coffee is great and appreciated. :P

Anyway, by the way, I like the colors you used on your site. Also, you may want to look into the IH2 (image handler 2) add on, I noticed some of your images are large and slow to load, and IH2 creates 3 image sizes automatically to speed up your customers experience, while still allowing them to see big enlarged images. :D

jettrue:

It doesn't have anything to do with the file. You haven't uploaded all languages files to their correct spots. Check, double, triple, and quadruple (you get the point) check.

Thank You - Check, check, and triple check your files is the best thing to do. I found that /includes/modules/sideboxes/classic needed to have the ezpages_drop_menu.php file. "classic" is "MY TEMPLATE" folder. Thanks again John

HI,

Sorry if this has been asked before. I have been trying to fix this for ages but cant.

My bar in Mozilla and Chrome works perfectly however bring it to IE and the Shopping cart hops into the next line. I changed the % in the css but that makes chrome look bad. Is there a work around?

Thanks in advance.

I was right originally.

This only happens in IE.

I just installed this mod and it works great! I would like to take Home out. From reading this discussion, it looks like I have to add another module.

I would also like to drop Categories and start with the categories themselves. I still want the list, but in the next level. So, I really do not want to delete it.

Does anyone know how?
Thanks, Kim

Best Price Accessori:

HI,

Sorry if this has been asked before. I have been trying to fix this for ages but cant.

My bar in Mozilla and Chrome works perfectly however bring it to IE and the Shopping cart hops into the next line. I changed the % in the css but that makes chrome look bad. Is there a work around?

Thanks in advance.

What you need to do, is what I've done - is add (if you haven't already) an IE specific style sheet. There change the width definitions in the menu li area. Just play with the numbers until the wrapping stops. That worked for me.

Hope that helps.

HI,

Would you be able to explain that a bit more as I am unsure what to do.

Thanks so much,
Daniel

Best Price Accessori:

HI,

Sorry if this has been asked before. I have been trying to fix this for ages but cant.

My bar in Mozilla and Chrome works perfectly however bring it to IE and the Shopping cart hops into the next line. I changed the % in the css but that makes chrome look bad. Is there a work around?

Thanks in advance.

Does this happen in my test site? http://www.zencart137.jadetrue.com? Did you add another menu item to your dropdown menu? Have you tried uploading the original stylesheet_header_menu.css?

A big thanks from me for your contribution here jettrue.

I've got the menus roughly how I want them over at tupshup.com however, I cannot seem to align the menu text without knocking the fields out. For example I've tried:

div#dropMenu ul ul li {
border: 1px solid #696537;
/*border-left:1px solid #000000; */
width:99.4%;z-index:1000;
padding-top: 1em;
}

But then in some of the sub menus the padded area is unhoverable. Any ideas? Forgive me but I'm still new to this so it'll no doubt be something simple.