Menu item slips down

[Derek Bryant]

I've tried posting this on the Apple Zen support thread but have had no response

"I wonder if one of someone more "tecky" than me can help me out

I am using the excellent Apple_Zen template and www.baitworks.co.uk is fine using internet explorer 8
However when I use firefox 38.0.5 the home menu tab slips down off the menu bar - this may be the case with other browsers

Please can anyone suggest a fix?"

[Design75]

When viewing the source code of the homepage I see this where the home link is:

        <div id="dropMenu">
          <ul class="level1">
            <li class="submenu"><a href="http://www.baitworks.co.uk/index.php?main_page=index">Home</a>
              <ul class="level2">


              </ul>
            </li>

I suspect the extra empty <ul> tag is confusing some browsers and some not.

[frank18]

When viewing the source code of the homepage I see this where the home link is:

        <div id="dropMenu">
          <ul class="level1">
            <li class="submenu"><a href="http://www.baitworks.co.uk/index.php?main_page=index">Home</a>
              <ul class="level2">


              </ul>
            </li>

I suspect the extra empty <ul> tag is confusing some browsers and some not.

Don't think so.The 'Home' link has no children, should be part of the top level, same as the 'Contact Us' link

<li class="submenu"><a href="http://www.baitworks.co.uk/index.php?main_page=index">Home</a>

The part in red is the culprit....

[Derek Bryant]

many, many thanks for your prompt response - do I delete the text in red?

[frank18]

many, many thanks for your prompt response - do I delete the text in red?

Derek, I don't have the files for the Drop Menu here, you will need to find the template file responsible for the building of the menu and make edits there. You might also want to check if there is an updated version of that plugin and install that. If there is a support thread then check that thread as well.

[Derek Bryant]

thanks frank18 for your help

I have checked the documentation and found
To change the order of or remove any of the links in the dropdown header menu, open up includes/templates/apple_zen/common/tpl_drop_menu.php:

these are the contents:


<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers |
// | |
// | http://www.zen-cart.com/index.php |
// | |
// | Portions Copyright (c) 2003 osCommerce |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license, |
// | that is bundled with this package in the file LICENSE, and is |
// | available through the world-wide-web at the following url: |
// | http://www.zen-cart.com/license/2_0.txt. |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to |
// | [email protected] so we can mail you a copy immediately. |
// +----------------------------------------------------------------------+
// $Id: tpl_drop_menu.php 2005/06/15 15:39:05 DrByte Exp $
//

?>
<!-- menu area -->
<div id="dropMenuWrapper">
<div id="dropMenuWrapperb">
<div id="dropMenuWrapperc">
<div id="dropMenuWrapperd">
<div id="dropMenu">
<ul class="level1">
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
<ul class="level2">

</ul>
</li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
<?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;
?>
</li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<ul class="level2">


<?php if ( (isset($phpBB->phpBB['db_installed_config']) && $phpBB->phpBB['db_installed_config']) && (isset($phpBB->phpBB['files_installed']) && $phpBB->phpBB['files_installed']) && (PHPBB_LINKS_ENABLED=='true')) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_BB_INDEX, '', 'NONSSL'); ?>" target="_blank"><?php echo BOX_BBINDEX; ?></a></li>
<?php } ?>
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
</ul>
</li>
<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<ul class="level2">
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li>
<?php } else { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
<?php } ?>
</ul>
</li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li class="submenu"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
</ul>
</li>
<?php } else { ?>
<li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
</div><!-- end dropMenuWrapper-->
<div class="clearBoth"></div>

[frank18]

It appears that you have disabled 'New Products' - All Products' - 'Specials' etc to show in the drop down menu.

Look into your includes/templates/apple_zen/common/tpl_drop_menu.php (this is from the file set of Apple Zen - just downloaded)

If you don't want to show 'New Products' etc etc then you can replace

            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
              <ul class="level2">
                <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_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>

with

<li><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a></li>

If you want 'New Products' - All Products' - 'Specials' etc to show in the drop down menu then enable this in your admin and make no changes in that template file.

Whatever you decide to do, backup first!

[Derek Bryant]

thanks frank18

I have replaced

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
<ul class="level2">
<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_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>

with

<li><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a></li>


but the problem still persists (using Firefox)
any more help much appreciated

Derek

[keneso]

but the problem still persists (using Firefox)

Actually I see that in chrome as well.

I see (using ff firebug, and chrome developer tool) there are couple "ghost" empty links generated, don't know where from.

Have you tried reloading the original files, instead of editing?
If you have not made changes to them, try reloading these 3 files:
includes/templates/apple_zen/common/tpl_drop_menu.php
includes/templates/apple_zen/common/tpl_main_page.php
includes/classes/categories_ul_generator.php

If it solves it, then you can remove the links from tpl_drop_menu.php

[Derek Bryant]

thanks keneso

I've done as you suggested but no luck - there seems to be a small space displacement on top of the Home menu item

Derek