CSS Dropdown menu for the header- With Categories!

**helpme** · 27 Feb 2008, 11:47 PM

Okay, I have found and installed the CSS manufacturers horizontal module and have it just like I want. However, when you click on the shop by brand, it doesn't take you anywhere.
Thanks for any help!
This would be awesome if I can get it to work!

**Fireflyz** · 1 Mar 2008, 09:18 AM

Originally Posted by jettrue

Yes, this is a known issue, IE always puts dropdown menus at a higher z-index than everything else, and there's no known way around it, as far as I've read. However, in the past I have instructed people to give that select menu a "float:right" attribute in the css, so that at least the drop down SELECT menu appears on the right of the page, which is no longer below the categories, therefore the css menu no longer goes behind it. If you send a link where this occurs, I can give you the exact css to remedy it. Though for pages like the "new" and "all" products page, this will take care of it:

#sorter {float:right;}

Hi Jade,
I did float the SELECT to right and it looks fine now but when customers want to checkout, credit card expiration date (select) is all the way to the right! What do do now?

Thank you for your help!

**helpme** · 2 Mar 2008, 11:23 PM

Originally Posted by helpme

Okay, I have found and installed the CSS manufacturers horizontal module and have it just like I want. However, when you click on the shop by brand, it doesn't take you anywhere.
Thanks for any help!
This would be awesome if I can get it to work!

Okay, I have gotten a little farther. I now get the drop down with the manufacturers but it is all screwed up. I know that this is probably an easy fix, but I have tried to move code, take out code, and I am getting no where. Can anyone tell me what I can do to fix it? You can see the what happens at my test site www.mommyandbabyessentials.com/test

here is my code from my tpl_drop_menu.php file

Code:

<?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="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">
          <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 class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" style="padding-left:5px;"><?php echo "Shop By Brand"; ?></a>              
                <?
 $show_manufacturers= true;
// for large lists of manufacturers uncomment this section
/*
  if (($_GET['main_page']==FILENAME_DEFAULT and ($_GET['cPath'] == '' or $_GET['cPath'] == 0)) or  ($request_type == 'SSL')) {
    $show_manufacturers= false;
  } else {
    $show_manufacturers= true;
  }
*/
// Set to true to display manufacturers images in place of names
define('DISPLAY_MANUFACTURERS_IMAGES',false);
if ($show_manufacturers) {
// only check products if requested - this may slow down the processing of the manufacturers sidebox
  if (PRODUCTS_MANUFACTURERS_STATUS == '1') {
    $manufacturer_sidebox_query = "select distinct m.manufacturers_id, m.manufacturers_name, m.manufacturers_image
                            from " . TABLE_MANUFACTURERS . " m
                            left join " . TABLE_PRODUCTS . " p on m.manufacturers_id = p.manufacturers_id
                            where m.manufacturers_id = p.manufacturers_id and p.products_status= 1
                            order by manufacturers_name";
  } else {
    $manufacturer_sidebox_query = "select m.manufacturers_id, m.manufacturers_name, m.manufacturers_image
                            from " . TABLE_MANUFACTURERS . " m
                            order by manufacturers_name";
  }
  $manufacturer_sidebox = $db->Execute($manufacturer_sidebox_query);
  if ($manufacturer_sidebox->RecordCount()>0) {
    $number_of_rows = $manufacturer_sidebox->RecordCount()+1;
// Display a list
    $manufacturer_sidebox_array = array();
//  kuroi: commented out to avoid starting list with text scrolling list entries such as "reset" and "please select"
//    if (!isset($_GET['manufacturers_id']) || $_GET['manufacturers_id'] == '' ) {
//      $manufacturer_sidebox_array[] = array('id' => '', 'text' => PULL_DOWN_ALL);
//    } else {
//      $manufacturer_sidebox_array[] = array('id' => '', 'text' => PULL_DOWN_MANUFACTURERS);
//    }
    while (!$manufacturer_sidebox->EOF) {
      $manufacturer_sidebox_name = ((strlen($manufacturer_sidebox->fields['manufacturers_name']) > MAX_DISPLAY_MANUFACTURER_NAME_LEN) ? substr($manufacturer_sidebox->fields['manufacturers_name'], 0, MAX_DISPLAY_MANUFACTURER_NAME_LEN) . '..' : $manufacturer_sidebox->fields['manufacturers_name']);
   $manufacturer_sidebox_image = $manufacturer_sidebox->fields['manufacturers_image'];
      $manufacturer_sidebox_array[] =
  array('id' => $manufacturer_sidebox->fields['manufacturers_id'],
     'text' => DISPLAY_MANUFACTURERS_IMAGES ?
    zen_image(DIR_WS_IMAGES . $manufacturer_sidebox_image, $manufacturer_sidebox_name) :
    $manufacturer_sidebox_name);
      $manufacturer_sidebox->MoveNext();
    }
      
  }
} // $show_manufacturers
    for ($i=0;$i<sizeof($manufacturer_sidebox_array);$i++) {
      $content = '';
   $content .= '<li ><a class="hide" href="' . zen_href_link(FILENAME_DEFAULT, 'manufacturers_id=' . $manufacturer_sidebox_array[$i]['id']) . '">';
      $content .= $manufacturer_sidebox_array[$i]['text'];
      $content .= '</a></li>' . "\n";
      echo $content;
 }
  ?> 
 <ul >
             
      </li>
      <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_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>
   <?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?><li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
   <?php } ?>
        </ul>
        </li>
      <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_ARTICLES; ?></a>
        <ul class="level2">
          
          
          
   <?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>

    </ul>
  </div>
</div>

Thanks!

**shocker** · 5 Mar 2008, 06:36 AM

I've just installed this mod. Looks great.

Can someone explain why the .htaccess changes are needed for older version of IE?

**Gerjan** · 5 Mar 2008, 11:56 AM

Edit; nevermind....

**helpme** · 5 Mar 2008, 09:35 PM

YEAH!!

I finally have it working! My final question (hopefully!) I have figured out how to make the size of the drop down larger, but the text length still stays the same. For example in Shop by Brand, some of the manufacturer's names are cut way short. (I care if it doesn't say the complete name just a few more letters) Hope this makes sense! Thanks!!!

**shocker** · 6 Mar 2008, 01:17 PM

Originally Posted by shocker

I've just installed this mod. Looks great.

Can someone explain why the .htaccess changes are needed for older version of IE?

No anwers on this question yet. After making the .htaccess changes explained in the installation, one of javascripts could'nt find a file located out site of my stores root folder, but still in the same domain.

can anybody shed light on this. for now I've undid the .htaccess changes.

**chufty bill** · 6 Mar 2008, 10:19 PM

Hi Guys.

This was the only thread I could find regarding the drop menu, so taking a chance and posting here.

I have installed the drop menu and it is excellent. Just what I wanted.
I have one issue which I hope somebody can help me with.

On my index page (Main_page), I am using the page as a 'gateway' page and have disabled both side columns, etc.

The drop menu doesnt appear, and I have just set up a page with Dreamweaver. It looks Ok for now, but when I look at the page source, it contains all the zen and drop menu coding. I have inserted part below.



<div id="dropMenuWrapper">
<div id="dropMenu">
<ul class="level1">

<li class="submenu"><a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=102">BOOKS</a><ul class="level2"><li>
<a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=104">Fiction</a></li><li>
<a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=106">First Editions</a></li><li>
<a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=105">Non Fiction</a></li></ul></li><li><a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=92">CDS</a></li><li class="submenu"><a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=97">DVDS</a><ul class="level2"><li>
<a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=99">DVD</a></li><li>
<a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=100">VHS</a></li></ul></li><li><a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=107">Gift Vouchers</a></li><li><a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=103">GIFTS</a></li><li><a href="http://skiddaddle.co.uk/index.php?main_page=index&cPath=98">TOYS</a></li>
</ul>
</div>
</div>
<div class="clearBoth"></div>
 </div>

I am trying to optimize my page, but my software tell me that the first 250 characters of my webpage content is:

[FONT=Arial]Home Log In Home yourtexthere All Products Specials Search --> BOOKS Fiction First Editions Non FictionCDSDVDS DVD VHSGift VouchersGIFTSTOYSInformation Shipping Info Privacy Policy Conditions of Use About Us Site Map Gift Certificate FAQ Discout Coup ...[/FONT]

HOW CAN I REMOVE THIS?
I really hope somebody cam make some sense of my gibberish, but I am going google eyed trying to figure it.

Any help would be greatly appreciated.

Regards Chris

**shocker** · 7 Mar 2008, 03:11 PM

I'm trying to validate my site do some optimization.

The csshover.htc is causing problems in both FF and IE

FF says:

Code:

Warning: Unknown property 'behavior'.  Declaration dropped.
Source File: http://nahidfashions.com/boutique/includes/templates/NAHID_ARTISTIC/css/stylesheet_header_menu.css
Line: 2

IE says:

HTML Code:

Error: Access denied to 
http://nahidfashions.com/boutique/includes/csshover.htc

I've played around with the htaccess file but nothing seems to work.

**jettrue** · 7 Mar 2008, 11:18 PM

Originally Posted by shocker

I'm trying to validate my site do some optimization.

The csshover.htc is causing problems in both FF and IE

FF says:

Code:

Warning: Unknown property 'behavior'.  Declaration dropped.
Source File: http://nahidfashions.com/boutique/includes/templates/NAHID_ARTISTIC/css/stylesheet_header_menu.css
Line: 2

IE says:

HTML Code:

Error: Access denied to 
http://nahidfashions.com/boutique/includes/csshover.htc

I've played around with the htaccess file but nothing seems to work.

Please post your .htaccess file. The behavior FF warning can be ignored.

Thread: CSS Dropdown menu for the header- With Categories!

Thread Tools

Search Thread

Display

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Why .htaccess changes?

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: Why .htaccess changes?

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Re: CSS Dropdown menu for your header- With Categories!

Similar Threads

Categories dropdown menu/css

HIde categories mod with css dropdown menu

How to use ezpages/categories as dropdown menu in the header?

whats wrong with this css for my dropdown menu?

Header Dropdown Menu (CSS) Without the Dropdown???

Bookmarks

Bookmarks

Posting Permissions