CSS Dropdown menu for the header- With Categories!

[jvoce]

Have you tried adjusting the z-index's on the drop down menu CSS?

I have tried, but not with any success. So far I've tried; 2000, 10000, 1100, 900. I'm not sure what else to try.

[jettrue]

I have tried, but not with any success. So far I've tried; 2000, 10000, 1100, 900. I'm not sure what else to try.

I've done some research into this, and this is an IE6 (and possibly earlier versions) bug to which there is no good workaround. In IE6, select menus DO NOT honor z-index. I thought I had this fixed in my Apple Zen Template, but I actually didn't.

I would do this:
Open up includes/templates/YOUR_TEMPLATE/templates/tpl_index_product_list.php

I'd add a <div> around the filter section, like this:

<div id="filter">
<?php
  $check_for_alpha = $listing_sql;
  $check_for_alpha = $db->Execute($check_for_alpha);

  if ($check_for_alpha->RecordCount() > 0 && PRODUCT_LIST_ALPHA_SORTER == 'true') {
  $form = zen_draw_form('filter', zen_href_link(FILENAME_DEFAULT), 'get') . '<label class="inputLabel">' . TEXT_SHOW . '</label>';
?>

<?php
  echo $form;
  echo zen_draw_hidden_field('main_page', FILENAME_DEFAULT);
  echo zen_hide_session_id();
?>
<?php
  // draw cPath if known
  if (!$getoption_set) {
    echo zen_draw_hidden_field('cPath', $cPath);
  } else {
    // draw manufacturers_id
    echo zen_draw_hidden_field($get_option_variable, $_GET[$get_option_variable]);
  }

  // draw typefilter
  if (isset($_GET['typefilter']) && $_GET['typefilter'] != '') echo zen_draw_hidden_field('typefilter', $_GET['typefilter']);

  // draw manufacturers_id if not already done earlier
  if ($get_option_variable != 'manufacturers_id' && isset($_GET['manufacturers_id']) && $_GET['manufacturers_id'] > 0) {
    echo zen_draw_hidden_field('manufacturers_id', $_GET['manufacturers_id']);
  }

  // draw sort
  echo zen_draw_hidden_field('sort', $_GET['sort']);

  // draw filter_id (ie: category/mfg depending on $options)
  if ($do_filter_list) {
    echo zen_draw_pull_down_menu('filter_id', $options, (isset($_GET['filter_id']) ? $_GET['filter_id'] : ''), 'onchange="this.form.submit()"');
  }

  // draw alpha sorter
  require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_PRODUCT_LISTING_ALPHA_SORTER));
?>
</form>
<?php
  }
?>
</div>

Then I'd add this to your stylesheet:

#filter {float:right}

This way, the filter goes to the right side of the page, underneath the short menus (Contact Us, My Account, etc) so they won't slide underneath the select menus.

[adam9110]

Hello Body,
Thanks for your MOD,
It works fine.
But i Just wonder why there are only six caterogies can display on the first horizontal line . I mean after that , the senven, eighth ......... will display on another horizontal line.
Thanks for any help.

[jettrue]

Hello Body,
Thanks for your MOD,
It works fine.
But i Just wonder why there are only six caterogies can display on the first horizontal line . I mean after that , the senven, eighth ......... will display on another horizontal line.
Thanks for any help.

Who's Body? Just curious, LOL~

If you're talking about this version:

http://www.zen-cart.com/index.php?ma...roducts_id=523

Its designed differently than the one I designed. If you look at www.zencart137.jadetrue.com, you can see my version. The categories drop down in a single vertical drop down menu, they are not spread out horizontally like the other mod. The link with my version is in my sig.

[shackle]

Thanks for this menu jettrue! You rock such a time saver :)

Just one last request (I requested the ezpages function)

Would it be possible to be able to sort the ezpages I notice you can't sort them. (like top from bottom) It just sorts random no matter the sort order. Unless I'm doing something wrong.

Thanks!

[jettrue]

Thanks for this menu jettrue! You rock such a time saver :)

Just one last request (I requested the ezpages function)

Would it be possible to be able to sort the ezpages I notice you can't sort them. (like top from bottom) It just sorts random no matter the sort order. Unless I'm doing something wrong.

Thanks!

Ah ha! I made a boo boo. Either you can put in a sort order for the sidebox in the ezpages section and that will sort it, or you can open up includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php, and on line 23 change "order by sidebox_sort_order" to "order by header_sort_order".

[Woodymon]

Ah ha! I made a boo boo. Either you can put in a sort order for the sidebox in the ezpages section and that will sort it, or you can open up includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php, and on line 23 change "order by sidebox_sort_order" to "order by header_sort_order".

Gasp. The simple fix I have been looking for two months plus. ;-) Back in March I decided the heck with auto adding ez-pages to the menu, but now I will.

So I assume now the current consensus is:

where status_header = 1 and header_sort_order > 0 order by header_sort_order,

(NOTE ABOVE: "and header_sort_order > 0", not the previously recommended "and sidebox_sort_order > 0")

Woody

[jvoce]

Then I'd add this to your stylesheet:

#filter {float:right}

This way, the filter goes to the right side of the page, underneath the short menus (Contact Us, My Account, etc) so they won't slide underneath the select menus.

Does it matter where I place this? I've put it at the end of the stylesheet, but with no success.

[jettrue]

Does it matter where I place this? I've put it at the end of the stylesheet, but with no success.

It looks like you didn't do the first part of the instructions.... I don't see <div id="filter"> before or the </div> after the filter section.

[jvoce]

It looks like you didn't do the first part of the instructions.... I don't see <div id="filter"> before or the </div> after the filter section.

My mistake.
I've now entered that information, and it didn't seem to change much.

I wonder if it's possible to force the second filter to show below the first, which should get most of these filters out of way of the menus. It already happens on longer filters. Please take a look at the pic enclosed for clarification.