Css Flyout Categories Menu troubles

Ok, Hopefully this will get someones attention.

I installed this contribution on my locals testing setup and everything worked perfectly.

I then installed it on my live site and it isn't working. It shows the menu but no catagories show up. Only the Specials... New Products ... Featured Products ...
All Products ... links that are normally at the bottom of the menu. There is a space above where the catagories would go, enough room for maybe one line but nothing there.

During instalation i did make the mistake of installing it in the template_default directories instead of the classic directory. I thought that may be the problem and causing some kind of conflict but i went and got rid of all of the files from template_default and restored the template_info.php file.

Any ideas on what is wrong here. It's working great on my testing server.

I am using ZC 1.2.7

If no categories are showing in it, then it's not finding them in the database, or you've installed something wrong.

What's the URL of your hosted server where this is "not" working?
If you turn on the original categories sidebox, what shows?

DrByte,

My Url is www.diytacticalstore.com/catalog it is on a dedicated server but i share it with my other sites if that makes sense.

In my original menu everything shows up perfectly with no issues as far as I can tell.

The site is live and has been for almost 2 months. I will activate the CSS menu and place it at the bottom of the left column so you can look at it.

Im having the exact same issue. Very interested in anyone input on this. Here is a link to my site so you can see what we mean. I activated the orginal catagories menu to show it works also.
www.dakotafiresupply.com

Just guessing, but you could try removing this line from includes/modules/sideboxes/YOURTEMPLATE/categories_css.php (approx line 53):

PHP Code:

---

          and ptc.product_type_id not in  " . $document_types_list . " 


---

DrByte,
I have same problem, and the last suggestion didn't help...

DrByte,

That line is not in my categories_css.php file only the following code:

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: categories_css.php 2004/06/23 00:00:00 DrByteZen Exp $
//

  // 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);



  require($template->get_template_dir('tpl_categories_css.php',DIR_WS_TEMPLATE, $current_page_base,'sideboxes'). '/tpl_categories_css.php');

  $title = BOX_HEADING_CATEGORIES;
  $left_corner = false;
  $right_corner = false;
  $right_arrow = false;
  $title_link = false;

    require($template->get_template_dir($column_box_default, DIR_WS_TEMPLATE, $current_page_base,'common') . '/' . $column_box_default);

?>

---

I also checked my original file and the file on my local machine (where the menu is working properly) and there is no diference.

Any other sugestions?

what version of the CSS flyout do you have? ie: what's the date of the readme.txt file ... and what are the last 10 lines of the readme.txt file?

Here is the entire readme.txt file.

Quote:

---

#####################################
# #
# CSS Flyout Category Menu #
# #
# by DrByte 2004-07-11 #
# #
# for Zen Cart v1.2.x/1.3.x #
# #
# donations to: paypal AT zen-cart DOT com #
# #
#####################################

Now you can have a CSS-based flyout menu for your Zen Cart categories sidebox!

To see what it looks like, view the enclosed screenshot.jpg

It's currently configured to go up to 5 subcategories deep, but can be set to
however deep you desire it to go.


############################
Installation
----------------------------
1. Unzip the package, retaining the folder structure.

2. Read the following notes before proceeding to copy all the files to your site,
Before copying, take care to rename the "YOURTEMPLATE" folders to match your
custom template's foldername.

3. You need to enable the categories_css sidebox.
Go to Admin->Tools->Layout Boxes Controller and enable the new "categories_css" sidebox.

4. Of course, you don't need to upload this readme.txt or the screenshot.jpg ... :)

############################
About this contribution
----------------------------
This contribution was compiled as a combination of resources including:
- site map contribution by NetworkDad, but modified to produce the proper UL structure for this menu
- Eric Meyer's CSS Flyout Menu work
- Zen Cart's built-in sidebox manipulation features and other overrides functions

#############################
Compatibility
-----------------------------
This contribution should work fine in any Zen Cart v1.2.x or v1.3.0 installation
Version 1.1.x installations will require a few changes to the modules/sideboxes/.../categories_css.php file


#############################
Version History
-----------------------------
2004-07-11 First Release
2005-04-17 Adapted slightly to conform a little better with version 1.2.4.x
2005-04-19 Updated to properly exclude disabled categories from the menu. Props to Merlin for spotting this.
2005-04-21 Updated to fix a missing </a> tag in the menu bar, causing a small
pink strip down right side of menu. Props to mamont for pointing this out!
2006-03-06 Updated the csshover.htc script to newer version with bugfixes from their website.
2006-04-09 Updated for compatibility with Zen Cart v1.3.0

---

Same as Angel, my zip that i downloaded says: css-flyout-categories-v1.3.0

And you're both running on Zen Cart v1.2.7 ?


I'm having trouble reproducing this behaviour on a fresh install....

I am running Zen v1.3.0 with the same problem - category box is empty.

Quote:

---

Originally Posted by DrByte

And you're both running on Zen Cart v1.2.7 ?


I'm having trouble reproducing this behaviour on a fresh install....

---

It's got me stumped as well. Like I mentioned it's working perfectly locally on the same setup but on the live site on my webserver, no dice. It's a great little add-on but driving me nuts I can't use it.

Hopefully you will be able to figure something out. If there's any other info you need let me know?

I think it's very unusual that 3 people are having the same problem and there is no known solution to this. I am running 1.3 and have done a fresh install and still the problem persists. I have wasted way too much time trying to work it out. I think os commerce’s might be a better solution for my present client. I will return to zen cart once everything is consistently working.

Yep,

I have the same problem.

I see

New Products ...
Featured Products ...
All Products ...

but not the catergories

Kirkland Lake (4)
Mining (8)
Ontario (5)
Test (1)
Very Rare (1)

I have tried everything, but my knowledge is very limited anyway. Any progress?

I have the same problem on a relatively fresh 1.3 install (no DB mods).

Exactly the same problem here using css-flyout-categories-v1.3.0 and Zen v1.3.0 with no mods

Sad to say it, I'm running into the same. Relatively fresh install of v1.3.0.1 I've got Image Handler, and Grid Layout installed - and that's it.

I am one more person with the same problem. It seems like the "Specials, New Products, Featured Products, All Products" are trying to use the CSS Flyout Menu, but my actual categories aren't using the CSS Flyout Menu.

I am running ZC v.1.3.0.1

The last line of the readme file for the CSS Flyout Menu is as follows:
2006-04-09 Updated for compatibility with Zen Cart v1.3.0

Any help would be appreciated.

One more w/the same problem. (Doesn't show any "real" categories)

I've installed this before - it's usually a snap!

Version: Zen Cart 1.3.0.1

I've made a copy of the classic template (called it "custom") and only modified one thing in the template so far, aside from images - moving the "header search" next to the logo.

I've installed two contribs: EP, and Import Layout Settings...

I give up (for now), and appreciate any suggestions. I'll try on a clean install tomorrow...

The site is here (dynamic DNS):
http://cr33.is-a-geek.com/zen/

Thanks!
Chris

just wondering if anyone has resolved this yet, this is a great mod and i would really like to get it up and running asap. Any suggestions would be greatly appreciated.

Exact same problem here, using 1.3.0.1

See screenshot. Just to add, the NORMAL cats menu works, even when switched on at the same time. As does the tabbed cats. So it's not that there's nothing in the db

Here's the code from view source:

Code:

---

    <h3 class="leftBoxHeading" id="categoriescssHeading">
      Categories
    </h3>
    <div id="nav-cat">
      <ul class="level1"></ul>
      <ul class="level1">
        <li>
          <a href=""></a>
        </li>
      </ul>
      <ul class="level1">
        <li>
          <a href="http://localhost/specials.html">Specials ...</a>
        </li>
      </ul>
      <ul class="level1">
        <li>
          <a href="http://localhost/products_new.html">New Products ...</a>
        </li>
      </ul>
      <ul class="level1">
        <li>
          <a href="http://localhost/products_all.html">All Products ...</a>
        </li>
      </ul>
    </div><!--// eof: categoriescss //-->
    <!--// bof: information //-->
    <div class="leftBoxContainer c1" id="information">
      <h3 class="leftBoxHeading" id="informationHeading">
        Information
      </h3>
    </div>

---

I too am having the same issue. Zen 1.3.0.1

When I enable the flyout menu, it looks exactly the same as kelvyn's attached screen shot. The rest of my categories still work, but they just look normal. The "New Products..." are trying to use the flyout menu, just like Kelvyn.

I am running ZC 1.3.0.1.

Thank-you

I have as a last resort used the previous version of the Css Flyout Categories mod and its working fine in ZenCart version 1.3.0

Quote:

---

Originally Posted by waddtown

I have as a last resort used the previous version of the Css Flyout Categories mod and its working fine in ZenCart version 1.3.0

---

Where did you find the previous version? Could you please make it available online somehow?

I put the old version up too and it's working fine

What is the "old version" you are running? What's the date on it?
Thanks

CSS Flyout Categories v1.3.0 April 9, 2006

It's a slightly different mod i think becuase it also does the header navigation. Not sure if it's the same one or not...

Quote:

---

Originally Posted by takspeed

Where did you find the previous version? Could you please make it available online somehow?

---

There are some archived contributions here:
http://www.zen-cart.com/archived_contributions/

I think the one we want is here:
http://www.zen-cart.com/archived_con...ies-v1.3.0.zip

Chris

Quote:

---

Originally Posted by takspeed

Where did you find the previous version? Could you please make it available online somehow?

---

This is the one I used hope it helps
http://www.zen-cart.com/archived_con...categories.zip

Quote:

---

Originally Posted by waddtown

This is the one I used hope it helps
http://www.zen-cart.com/archived_con...categories.zip

---

Hmm, I'm heving even less luck with this one! It says:

Code:

---

1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'and cd.language_id = '1' order by c.parent_id, c.sort_or' at line 8
in:
[select c.categories_id, cd.categories_name, c.parent_id from categories c, categories_description cd, product_types_to_category ptc where c.categories_id = cd.categories_id and c.categories_status=1 and c.categories_id = ptc.category_id and ptc.category_id = cd.categories_id and ptc.product_type_id not in and cd.language_id = '1' order by c.parent_id, c.sort_order, cd.categories_name]

---

I'm on mysq5, which my (probably) most hosts are going to soon, so I don't want to work backwards towards legacy apps. Hmmm. I'll see if I can figure this out!

Well, it's been about 2 hours of winmerge and general tweaking, and I can't get it going! I commented out the lines in categories_ul_generator.php below the line which said //DEBUG: These lines will dump out the array for display and troubleshooting:

And nothing was dumped. But that file is clearly being picked up, as it throws errors when I make a typo.

I switched to php4, and that was the same result. So it must be mysql. But I don't want to have to install and old version of sql to make it work locally, when it's going to break on my host!

I wonder what the difference in calls is?

I have to admit, I'm a bit stumped now. Anyone else want to take it on?!

Quote:

---

Originally Posted by kelvyn

Hmm, I'm heving even less luck with this one! It says:

Code:

---

1064 You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'and cd.language_id = '1' order by c.parent_id, c.sort_or' at line 8
in:
[select c.categories_id, cd.categories_name, c.parent_id from categories c, categories_description cd, product_types_to_category ptc where c.categories_id = cd.categories_id and c.categories_status=1 and c.categories_id = ptc.category_id and ptc.category_id = cd.categories_id and ptc.product_type_id not in and cd.language_id = '1' order by c.parent_id, c.sort_order, cd.categories_name]

---

I'm on mysq5, which my (probably) most hosts are going to soon, so I don't want to work backwards towards legacy apps. Hmmm. I'll see if I can figure this out!

---

I got the same problem when I installed the old version over the new version. Didn't have time to do anything more than back-out the change though.

Same here, the old version doesn't work either. I am running Zencart 1.3.0.1. This latest version seems to be the common denominator to the failures.

Quote:

---

Originally Posted by kelvyn

Well, it's been about 2 hours of winmerge and general tweaking, and I can't get it going! I commented out the lines in categories_ul_generator.php below the line which said //DEBUG: These lines will dump out the array for display and troubleshooting:

And nothing was dumped. But that file is clearly being picked up, as it throws errors when I make a typo.

I switched to php4, and that was the same result. So it must be mysql. But I don't want to have to install and old version of sql to make it work locally, when it's going to break on my host!

I wonder what the difference in calls is?

I have to admit, I'm a bit stumped now. Anyone else want to take it on?!

---

Same issue here ... and I'm on php 4.4/MySQL 4.1 :cry: . I'm doing some digging, it's got to be where the script tries to pickup and use the categories (can't remember the exact file.) I'm going to play around a bit more with it. So far the only real addon I've installed is the Image Handler v2.

I'm very new to zen cart so it'll probably take me some time to figure out everything. Luckly my site isn't live yet so I've got some time to play with this. If this gets working, it seems like it's far superior to the out-of-box category presentation.

Quote:

---

Originally Posted by sbuttgereit

If this gets working, it seems like it's far superior to the out-of-box category presentation.

---

Oh yes!(1.2.7- hence why it's working - sorry about the colour scheme - not my fault!)

I am trying to use it on 1.2.7 as i mentioned in the first post and it is not working for me. But it is working on my local server where i do my testing. Local server is windows web server is linux not sure if that has anything to do with it.

Quote:

---

Originally Posted by landshark

I am trying to use it on 1.2.7 as i mentioned in the first post and it is not working for me. But it is working on my local server where i do my testing. Local server is windows web server is linux not sure if that has anything to do with it.

---

Nope don't think it's that by itself either... My test setup is Apache 2.2/PHP5/MySQL 5 running on WinXP and production is Apache 1.3/PHP4/MySQL 4.1 running on Linux. Zen Cart is 1.3.0.1 in both cases...same result: stylesheets look like they're there but no category data seems to be getting passed from the object instantiated to go get it. Now, I've created custom versions of the 'classic' template that ships with Zen Cart; the only modifications I have made in that regard are changes to the CSS files. I have install Image Handler 2.

Kelvyn: Nice site and yes, this CSS flyout stuff makes a real difference. On a side note, my current Zen Cart project is a side business I'm involved in; My day job, if you will, is actually working for a chain of party stores here in the US called Party America... so I know those product lines way too well for my own good! :blink:

We have a solution! Many many MANY thanks to Paulm! Paul? Come and take a bow!

Anyway, the fix is to change line 48 in includes\classes\categories_ul_generator.php to

PHP Code:

---

from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd 


---

I've attached the corrected file. (note: change extension to .php)

the patch works for me! many thanks to all involved in the fix.

That was the ticket, works great !!!!!:thumbsup:

Much appreciated.

I've made the changes and zipped up the contrib and submitted it to the downloads.
Will be version 1.3.0.3.1, I've given Paulm the credit in the upload

Quote:

---

Originally Posted by kelvyn

We have a solution! Many many MANY thanks to Paulm! Paul? Come and take a bow!

Anyway, the fix is to change line 48 in includes\classes\categories_ul_generator.php to

PHP Code:

---

from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd 


---

I've attached the corrected file. (note: change extension to .php)

---

Just to confirm, does this patch work with ZC v1.3.0.1? Because I've noticed that you are running an older version of ZC. Thanks.

:blush: Yes, 1.3.0.1
The LIVE site is 1.2.7, yes, but the development site is 1.3.0.1.
Although with the amount of buglets I'm finding, whether the dev will become the live for a while is another matter!

Ok thank-you! I'll have to apply this update ASAP! :-)

The menu works great now! I've already changed the color and width to my liking, but there is no space between my flyout menu and the sidebox underneath that. How do I modify that?

Also, there seems to be an extra box between my categories and the "Specials, New Products" etc. How can I get rid of that?

Thanks in advance.

Seems to be working for me as well on 1.2.7

Thank you very much!

I just wanted to update my post from above. The space is fine when view in Internet Explorer, but not in FireFox. Also, Firefox displays the width of the rows perfectly, but in Internet Explorer, not all the widths are the same. Any ideas?

You can take a look at what I mean by clicking on the link below.

Thanks.

Ok I fixed the problem I had about the width of the rows. I modified the following line in the file includes => templates => YOURTEMPLATE => css => stylesheet_categories_menu.css. I decreased the pixel value from 150px to 146px.

div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 146px; color: white;}

Now all the rows have the same width and line up perfectly both in IE and FireFox.

I also fixed the problem with the extra line in the menu (between my categories and the default All Products, Special Products, etc) that didn't go anywhere. I commented out the following line in the file includes => templates => YOURTEMPLATE => sideboxes => tpl_categories_css.php

$content .= '<ul class="level1"><li><a href=""> </a></li></ul>'; // insert a blank line/box in the menu

I hope this helps anyone else who has the same problem. However, I still have two problems. There is no room between my flyout menu and the sidebox underneath that. This only occurs in FireFox, there is enough space when its displayed in IE. But I also have a light blue line at the bottom of my flyout menu. Any ideas?

Thanks

I too had this problem and I found it was due to the database prefix not in the code.


I got it figured out...I went into mysql and found out what my database prefix was in this case:

zen_

I then opened up the original tpl_categories.php and edited lines (be sure to back up the original)
17 & 40 I added the zen_ in front of the categories

original line 17
$querydrop = "select parent_id,categories_id from categories";

corrected line 17

$querydrop = "select parent_id,categories_id from zen_categories";


I did the same on line 40

original line 40

$querydrop = "select categories_name,categories_id from categories_description";

corrected line 40

$querydrop = "select categories_name,categories_id from zen_categories_description";

now my catagory menu is working like a charm! now if only I can figure out how to get the menu to sort the catgories by sort order and not by catagory id and I'll be golden!

I hope this helps ya'll


VJ

ps remember if your database prefix is something else like xyz_ , remember to put that in instead of the above example zen_

Just in case someone gets confused by the above post, the code vjsibley is talking about is unrelated to the CSS Flyout menu contribution being discussed here. However, the point about using the proper database tablename is valid, if you aren't using standard Zen Cart constants to reference tablenames.

So whats he's talking about in the above post wont fix the problem everyone here is having?

Quote:

---

Originally Posted by duckydoodles.com

However, I still have two problems. There is no room between my flyout menu and the sidebox underneath that. This only occurs in FireFox, there is enough space when its displayed in IE. But I also have a light blue line at the bottom of my flyout menu. Any ideas?

---

I had the same issue with css flyout in firefox, but it worked flawlessly in IE.
After hunting for days for missing divs or errors in the code (being a new Zen hacker myself), I seem to have found a cure in the css:
Look for

div#nav-cat {float: left; width: 140px; margin: -1px 0 0 -1px;
background-color: #CE318C; font-weight:bold;}

and simply change to:

div#nav-cat {width: 140px; margin: -1px 0 0 -1px;
background-color: #CE318C; font-weight:bold;}

It worked for me. Can anyone explain to me why it works? :) DrByte?

f.

I can't seem to get the css flyout menu to work using IE6. There is no cascading on mouseover.

Works fine in Firefox.

Any ideas?

cf

[Update: I forgot to install the csshover.htc]

Not sure if this is best placed here or in the css flyout thread, guess I'll try both.

Since installing IH2, my flyout css categories show up underneath the pictures...see here: http://www.divaknitting.com/testzens...cPath=18_65_66

How can I correct this so that the menu shows on top?

In your stylesheet_menu.css, you have a line that says:

Code:

---

div#nav-cat li {position: relative; list-style: none; margin: 0;

---

simply add this on the next line:

Code:

---

z-index: 1;

---

Thank you! I new it had to be something simple :)

Ok, I'm having a somewhat minor issue with this as well.

I'm also using tabbedproducts lite and the issue is the css menu places under the tabbedproducts lite thus the flyout is part hidden under the tabbed display.

Any clues on this?

Great contribution and it works great in both IE and Firefox. Just have one question about the posiblity of putting all the code genrated by this into a .js file. I have a long list of links generated by this flyout menu and it is adding a lot (and i mean a lot) of code to the page. This is causing the relevant part of my page down more that 47Kb from the tope of the page.
The resulting situation is that my listing in Google is suffering. I have found it to be true aht if you can have the relevant content start with in the first 5Kb of the page then it can and will really help you in the organic listings and also reduce your cost in PPC.

Anyone have any idea if it would work to put this all in a .js file so that it will reduce my page size by 40-50KB and allow my real content to be closer to the top of the hmtl page when spidered by Google, Yahoo etc.

Any comments are geatly welcomed

Site is at http://www.labgeardirect.com/catalog

Quote:

---

Originally Posted by schatzy

Just have one question about the posiblity of putting all the code genrated by this into a .js file. I have a long list of links generated by this flyout menu and it is adding a lot (and i mean a lot) of code to the page. This is causing the relevant part of my page down more that 47Kb from the tope of the page.
....
Anyone have any idea if it would work to put this all in a .js file so that it will reduce my page size by 40-50KB and allow my real content to be closer to the top of the hmtl page when spidered by Google, Yahoo etc.]

---

It's producing raw HTML code. Thus, a .js file is inappropriate.

If you wanted to get creative, you could try working on a way to use some advanced CSS techniques to position the code where you want it, but have the code appear in the browser much lower in the source.

You could also rearrange your page...

Hi,
I have problems with the style of such menu. Take a look here:

http://www.mozaika.org/

when using IE6, the menu is displayed correctly but when used FireFox, there is no bottom margin.. whats wrong??

thanks for help

Quote:

---

Originally Posted by CzechBoy

Hi,
I have problems with the style of such menu. Take a look here:

http://www.mozaika.org/

when using IE6, the menu is displayed correctly but when used FireFox, there is no bottom margin.. whats wrong??

thanks for help

---

I have found the problem... it was in wrong css file..

Quote:

---

Originally Posted by IntelCos

Ok, I'm having a somewhat minor issue with this as well.

I'm also using tabbedproducts lite and the issue is the css menu places under the tabbedproducts lite thus the flyout is part hidden under the tabbed display.

Any clues on this?

---

Having the same problem, was there a solution to this problem?

its a download on the first few pages.

Changed z-index: 1 to z-index: 1000 for priority over the tabbed lite pics.

G'day,

Has anyone worked out how to get this great sidebar to show the count of the number of products in the categories?

Also, has anone worked out how to get this sidebar to not display a category / sub-category if there are no products in the category / sub-category?

I tried to work out how to achieve these changes, but it would seem to be more complicated than my current level of understanding of Zen Cart and PHP would allow.

Best Regards, Lloyd Borrett.

G'day,

I'm trying to get the CSS Flyout Category Menu mod to work with a new store I'm building using Zen Cart v1.3.5, see http://www.scubadoctor.com.au/diveshop/. However I'm getting some CSS browser compatibility issues. I thought I knew my way around CSS pretty well, but I'm totally stumped as to how to fix them.

With FF 1.5.0.7, the following sidebox jams up against the categoriescss sidebox. That is, the .leftBoxContainer margin-top:1em attribute just doesn't seem to work.

Also with FF 1.5.0.7, a part of the box border goes missing at the top.

Neither of these problems show up in IE6.

But IE6 has its own problems. The width of the first level category items goes outside of the box border. This has a flow on effect in that some of the second level menu get covered by the first level, plus the whole sidebox is slightly wider than it should be.

Any help with the above problems would be much appreciated.

Best Regards, Lloyd Borrett.

G'day,

I've finally managed to fix both my IE6 and FF related problems.

Taking out float:left; from div#nav-cat fixed the FF problems.

Adjusting the width of div#nav-cat li a, seems to have fixed the IE6 problem.

Best Regards, Lloyd Borrett.

G'day,

Just when I thought I had this sidebox addition sorted, I've struck another browser compatibility problem.

The flyout menus are going under the "Filter results by" manufacturer dropdown box when viewed in IE6. FF is working fine.

See http://www.scubadoctor.com.au/divesh...index&cPath=67 for an example of the problem.

I thought it would be a simple case of adding appropriate z-index values in the right places. But so far I've tried a lot of places and values and not had any success.

I'd be most grateful if anyone has a solution, or can point me in the right direction.

Best Regards, Lloyd Borrett.

Hi,

I am in the process of migrating a site from 1.2.6 to 1.3.5 and I experience a strange problem with this contribution : I have customized it to use it for the information menu : no problem with 1.2.6, no problem with 1.3.5 and firefox, but with 1.3.5 and IE, the categories menu works well, but the information menu doesn't... The only workaround I found was to replace the csshover.htc file by an older version (v1.11.040203, the one that was meant to work with zencart 1.2.6).

The dev site can be seen at : http://www.anneg-lingerie.com/anneg135

Thanks for any hint.

Christophe.

PS : by the way, I still have the flickering issue with IE and the currencies sidebox...

Something weird is happening with my site which I don't get. When I enter the URL (domain name) without www, css flyout menu works fine. If I enter it with www, flyout menu doesn't work. There's an error (error message bottom of the browser) that says: "access is denied to: www.domain.com/store/includes/csshover.htc" (domain.com is an example).

I tried it in both IE 6 and 7.

Any help would be appreciated.

Hi,

I finally solved my IE flickering problem by specifying the currencies'sidebox :
#currencies { width: 148px; /* to avoid IE flickering */ }

I am now trying to have flyout menus working with IE7...

Christophe

I have the Css menu working "nearly" perfectly with two small exceptions. Suggestions would really be appreciated. In IE6 and in Opera the left border is mission around the main box. Fine in FF. In all browsers I'm getting what appears a double line beteen Specials, New Products and All Products vs. the 1 px line. I've tried removing the bottom border, however it removes all lines except those. Of course then I only have a 1px line between the previously mentioned items. So I would think the bottom border for those items is being pulled from somewhere else... where I'm not exactly sure. I've gone all through the two style sheets and did not find anything that jumped out at me.

Any help would really be appreciated.

Link to the site: http://69.50.202.136/

Here's my stylesheet_categories_menu.css

body { behavior: url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {float: left; width: 180px; margin: -1px 0 0 -1px;
background-color: #7C0425; font-weight:normal;}
div#nav-cat ul {margin: 0; padding: 0; width: 180px; background-color: #000000;
border: 1px solid #7C0425;}
div#nav-cat ul.level2 {background-color: #000000;}
div#nav-cat ul.level3 {background-color: #000000;}
div#nav-cat ul.level4 {background-color: #000000;}
div#nav-cat ul.level5 {background-color: #000000;}
div#nav-cat ul.level6 {background-color: #000000;}
div#nav-cat li {position: relative; list-style: none; margin: 0;
margin-top: 5px; /* change it to whatever space you want to put space between buttons*/
border-bottom: 1px solid #7C0425; <---this line may help or hinder IE menu shifting issues */
}
div#nav-cat li li {
margin: 0; /* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-color: #7C0425;}
div#nav-cat li.submenu {
background: url(../images/submenu.gif) 95% 50% no-repeat;
background-color: #000000;}
div#nav-cat li.submenu:hover {background-color: #7C0425;}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 180px; color: white;}
border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: #7C0425;}
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 180px;
display: none;}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;}

Quote:

---

Originally Posted by shqipo

Something weird is happening with my site which I don't get. When I enter the URL (domain name) without www, css flyout menu works fine. If I enter it with www, flyout menu doesn't work. There's an error (error message bottom of the browser) that says: "access is denied to: www.domain.com/store/includes/csshover.htc" (domain.com is an example).

I tried it in both IE 6 and 7.

---

This post should help you sort it out:
http://www.zen-cart.com/forum/showpo...&postcount=164

This is a way to do it the opposite direction:
http://www.zen-cart.com/forum/showpo...&postcount=210

How can I configure css flyout menu so that the page display not only the products in certain category, but also the "new products", "featured products" and "Specials" boxes?

These boxes will be displayed if you are using the normal style category side-box.

At the same time, how come the product page displays products without any borders? Can borders be turned back on?

Quote:

---

Originally Posted by DrByte

This post should help you sort it out:
http://www.zen-cart.com/forum/showpo...&postcount=164

This is a way to do it the opposite direction:
http://www.zen-cart.com/forum/showpo...&postcount=210

---

This is a line of code missing in the first post (postcount=164) above. Compare to postcount=210, the complete code for post #164 should've been:

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

I tried it on my site. It worked. Now, I have one little problem. I installed Google Language Translate Sidebox on my site. Whenever I use it, it will take me to google translate engine, which will strip the "www" from the actual url of my site and leads to css.htc unaccessible yet again.

Is there any solution to this problem?

Google language translate works pretty good when it comes to Spanish. I figured if I were to sell in the North America region, Spanish translation of my site will definitely be a plus. So, I really want to keep this contrib and have it work with CSS Flyout Menu.

Please help.

hello
can somebody give me a hand and guid me, how can I put my category sidebox on the right side, and getting the subcategories towards left.

thanks in advance

Quote:

---

Originally Posted by reza

can somebody give me a hand and guid me, how can I put my category sidebox on the right side, and getting the subcategories towards left.

---

Essentially this requires making stylesheet changes to position left instead of right, and using some negative left-margin settings.

Quote:

---

Originally Posted by DrByte

Essentially this requires making stylesheet changes to position left instead of right, and using some negative left-margin settings.

---

thanks DrByte
I knew that I have to change some position or other parameters from left to right and vice versa, the problem is that I did not finf any position parameter in flyout stylsheet.css, and stylsheet_category_menu.css, look the last one, if here I should change , so where???

************

stylsheet_category_menu.css
--------------------
body { behavior: url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {float: left; width: 140px; margin: -1px 0 0 -1px;
background-color: #CE318C; font-weight:bold;}
div#nav-cat ul {margin: 0; padding: 0; width: 140px; background-color: #3C097A;
/* border: 1px solid #AAA;*/}
div#nav-cat ul.level2 {background-color: #3C097A;}
div#nav-cat ul.level3 {background-color: #3c097A;}
div#nav-cat ul.level4 {background-color: #3C097A;}
div#nav-cat ul.level5 {background-color: #3C097A;}
div#nav-cat ul.level6 {background-color: #3C097A;}
div#nav-cat li {position: relative; list-style: none; margin: 0;
margin-top: 5px; /* change it to whatever space you want to put space between buttons*/
border-bottom: 1px solid #CCC; /* <---this line may help or hinder IE menu shifting issues */
z-index: 1;
}
div#nav-cat li li {
margin: 0; /* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-color: #CE318C;}
div#nav-cat li.submenu {
background: url(../images/submenu.gif) 95% 50% no-repeat;
background-color: #3c097A;}
div#nav-cat li.submenu:hover {background-color: #CE318C;}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 140px; color: white;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 140px;
display: none;}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;}
-----------------------------------------------------------------------

Code:

---

div#nav-cat ul ul {position: absolute; top: 0; left: 140px;
display: none;}

---

change to:

Code:

---

div#nav-cat ul ul {position: absolute; top: 0; left: -140px;
display: none;}

---

Quote:

---

Originally Posted by DrByte

Code:

---

div#nav-cat ul ul {position: absolute; top: 0; left: 140px;
display: none;}

---

change to:

Code:

---

div#nav-cat ul ul {position: absolute; top: 0; left: -140px;
display: none;}

---

---

YOU ARE NICE DrByte
totally on zen 1.3.5 and now on 1.3.6, I spent more than 3 fulltime days(because I am very newbie) to solve this problem and I did not want disturb the zen peroples with my questions, and lastly I wanted to abandone it,
its okey now, although there is still no answer to the common question of some other peoples also me about putting the counts of products in flyout , I think there can not be done otherwise there came minimum one answer for it.

thanks again:smartass:

Displaying Category Counts

/includes/classes/categories_ul_generator.php
approx line 81 replace:

Code:

---

        $result .= $category['name'];
        $result .= '</a>';

---

with this:

Code:

---

        $result .= $category['name'];
        $catcount = zen_count_products_in_category($category_id);
        if (SHOW_COUNTS == 'true') {
          if ((CATEGORIES_COUNT_ZERO == '1' and $catcount == 0) or $catcount >= 1) {
            $result .= CATEGORIES_COUNT_PREFIX . $catcount . CATEGORIES_COUNT_SUFFIX;
          }
        }
        $result .= '</a>';

---

Category count settings in Admin->Config->Layout Settings will still be used to control display.

Quote:

---

Originally Posted by DrByte

Displaying Category Counts

/includes/classes/categories_ul_generator.php
approx line 81 replace:

Code:

---

        $result .= $category['name'];
        $result .= '</a>';

---

with this:

Code:

---

        $result .= $category['name'];
        $catcount = zen_count_products_in_category($category_id);
        if (SHOW_COUNTS == 'true') {
          if ((CATEGORIES_COUNT_ZERO == '1' and $catcount == 0) or $catcount >= 1) {
            $result .= CATEGORIES_COUNT_PREFIX . $catcount . CATEGORIES_COUNT_SUFFIX;
          }
        }
        $result .= '</a>';

---

Category count settings in Admin->Config->Layout Settings will still be used to control display.

---

ooooof
You are very rapid DrByte
I am still busy to change font color in flyout category sidebox about 2 hours without any results, and YOU in between wrote the new code for counts of category.
Let me say you Bravo.
very thanks:shocking:

Hi

This is a great mode but i have a little problem with IE6.

- I have 3 top leave categories
- my sideboxes are 195px
- under IE7 everything works perfect with the CSS stylesheet. perfectly aligned, etc.

Under IE6, the subcategories of the top 2 categories only allow selecting once. Then they no longer open. Also, the right boarder is about 5px too wide.

Greatful for any assistance

Someone please help, i am going out of my mind with getting the CSS to work properly.

I am trying: IE6, IE7, Firefox, Netscape.

I finally got the menus to align almost on all four browsers.

Now i have two problems i can't seem to solve: -

1) In all browsers except IE6, the 2nd level categories appear transparent until the are highlighted.

div#nav-cat li a {
display: block;
text-decoration: none;
width: 185px;
color: white;
padding-bottom: .25em;
padding-top: .25em;
background-color: transparent;
margin-right: 0px
}

If i change the above background colour from transparent, i can see the menus but then the highlights are behind categories.

2) i have the rounded corners mode and the sidebox header of the next box is under the categories box footer which is under the categories list on netscape and firefox. They are fine on IE 6&7 though.

Lastly, slightly off topic i have transparent backgrounds for my images, in Firefox, Netscape and IE7 they appear transparent, but under IE6 the backgrounds appear grey.

Really appreciate any help you all can offer.

cheers

Please help. I have finalling got the menu stylesheet configured in a way that works with IE6, IE7, Firefox & Netscape.

except for one problem.

Under Netscape and Firefox the .leftBoxFooter appears directly under the .leftBoxHeader with the category menu over the top.

In IE6 & IE7 the .leftBoxFooter appears where it should, under the categories.

This obviously effects the next left side box which begins from under the footer and is therefore obscured by the menu in netscape and firefox.

my zencart css items are below if that is of any help.

.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-image: url(../images/boxtop.gif);
padding: 0.5em 0.2em;
background-repeat: no-repeat
}

.sideBoxContent {
background-color: transparent;
padding: 0.4em;
border-left-color: #00008B;
border-left-width: 1px;
border-right-color: #00008B;
border-left-style: solid;
border-right-style: solid;
border-right-width: 1px;
height: auto
}

.leftBoxFooter {
background-image: url(../images/boxbottom.gif);
background-repeat: no-repeat;
width: 195px;
height: 20px;
}

Appreciate your help, i am a newbie and struggling with this.

thanks

I have an odd issue that was just brought to my attention. In IE6 if a user types in their browser http://mysite.com the menu doesn't work until the first click which the changes the browser to "www".mysite.com I've checked and the menu works fine either way in the other browsers but not in IE. I tried playing with the config and if you change the config to "lose" the www, then the problem occurs when the site is entered using www.

Is there a setting somewhere or something that can be added to the csshover.htc file or what to do here. Has anyone else seen this behavior?

My server is set to reach the site no matter how you type it in, but it does not force to www. and to be honest I'm not sure how to make it do that.

Thanks for any suggestions.

I installed CSS flyout Categories and it worked perfect BUT.....

When i go to my products listing the menu that flies out is disappearing behind the images on the product listing.
I use Imgae Handler that popsup the image when hoovering maybe that causes the problem.

On my product_info page this problem does not occur.

Please take a look here an scroll through the categories and see what i mean:

http://www.hairdressersworld.nl/inde...ndex&cPath=183

Point your mouse on the category clippers or hairdressers furniture

Allready found it so skip the previous message:

Just changed in stylesheet_categories_menu.css and added:

z-index: 1; :

just below:

div#nav-cat li {position: relative; list-style: none; margin: 0;

I probably broke a cardinal rule of zencart, but it's my first time around and I'm still in the design stage of my store.

I am still using the default template with "classic" as the theme folder.

I uploaded this flyout css menu and when I go into the admin panel to enable it, it's not listed at all for me to turn on.

Hi
Installed CSS Flyout Categories Menu... On Firefox all the text, etc line up and look stunning. The problem I am having is in IE, the left-hand margin is totally out of sync. I think this is to do with the resolution, but have also tried higher resolutions and the problem remains.

Unfortunately, only picked up this error recently, my site is running live!!

Any help will be welcome!!
Thank you

My apologies... here is the link www.afrimusik.com

Figured out that I needed to rename the folder in the MODULES folder to be classic also, my bad.

Now I have it up and running but it's rendered all weird.

I've checked previous post for the same problems but looks like most everybody has it fixed so I really can't compare.

www.hotbabygifts.com

I got the spacing issues worked out.

But why does the next side box header exsist as if the menu wasn't there.

My gradient is all the way up top behind this really nice looking menu system.

seems like there is a unclosed table or div

I don't mean to bump my post, but I thought if I provided a URL that maybe someone could go take a look at my problem and give me a suggestion.

The url is http://www.lorindascandlesandmore.com Now if you type it that way the menu works just fine in IE6, but if you type it http://lorindascandlesandmore.com (without the www.) the menu doesn't work until the first click, which forces the URL back to the www, then the menu responds normally.

Is there something I need to change somewhere to fix this???

Thanks

Quote:

---

Originally Posted by rwoody

I don't mean to bump my post, but I thought if I provided a URL that maybe someone could go take a look at my problem and give me a suggestion.

The url is http://www.lorindascandlesandmore.com Now if you type it that way the menu works just fine in IE6, but if you type it http://lorindascandlesandmore.com (without the www.) the menu doesn't work until the first click, which forces the URL back to the www, then the menu responds normally.

Is there something I need to change somewhere to fix this???

Thanks

---

Read this post by Dr. Byte:

Quote:

---

http://www.zen-cart.com/forum/showpo...4&postcount=76

---

and make sure you add

Quote:

---

RewriteEngine On

---

to the first line of your .htaccess file

Dear Dr. Byte,

If you are available, I have a rather silly question: How do you code the css flyout menu to NOT show "Document General" categories.

I am asking this for personal reasons because I tried to have two sepearte categories showing in different category boxes - one being the "category" side box and the other being "document" side box.

I know that the original category box will not show "Document General" cats. Can this css flyout category box not show "Document Category" as well?

Quote:

---

Originally Posted by frank_lyy

Read this post by Dr. Byte:

and make sure you add to the first line of your .htaccess file

---

I was sure that was the answer, but had not come up with a way to do this that did not break the access.

I followed your advise in the other posts with no results - No error but it is not forcing the URL to the www, which is what I need it to do.

Here's the .htaccess code that follows "after" the standard order, deny allow...


php_flag register_globals off
php_flag session.use_trans_sid off

RewriteEngine On

RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]