Support for CSS Flyout Menu

ckosloff:

Sorry, wrong thread, there is an AJAX menu in the downloads area.
Check to see if they have a support thread, they should.

Ok thx i will try that:blush:

Hi,

The flyout is brillant addon! Thanks.

I just need a bit of help. I would like the fount color on the sub menu to be white. If you go to https://www.bestpriceaccessories.com/shop you'll see what I mean.

Thanks

Sorry to be a bit of a hi jack... But i noticed on your site (best price accessories) in my account dropdown you have a tab called order status, can you please tell me how i can get this on my site?

Yep. Itshttp://www.zen-cart.com/wiki/index.php/Contribution:Integrated_Checkout_Without_Account download it from there. You can add order status without the Checkout without an account I think.

Best Price Accessori:

Hi,
The flyout is brillant addon! Thanks.
I just need a bit of help. I would like the fount color on the sub menu to be white. If you go to www.bestpriceaccessories.com/shop you'll see what I mean.
Thanks
Yikes! This question has been answered in previous page, you just change the value for the color: attribute.
http://www.zen-cart.com/forum/showpost.php?p=659193&postcount=195

Hello everyone, thank you for this mod. We've installed it in my site https://www.manuelavalenti.com/store and is working perfectly after a few changes in the CSS file.

One thing, originally in the admin area we can set up a separator between categories and subcategories (admin>configuration>layout settings) which I have previously set up before installing this mod, how can this be shown as originally intended using the css flyout?

Thanks in advance for your help.

mvstudio:

...One thing, originally in the admin area we can set up a separator between categories and subcategories...
Hola,
http://www.zen-cart.com/forum/showpost.php?p=570118&postcount=21
Start reading from there down, the separator is simply an <hr /> that you can customize with style.
I used to have it but deleted it later, I might put it back when the menu becomes more complex.
Ciao.

Hola y Gracias!
I'm going to check that out.
Happy New Year! :smile:

G'day,

For ages on my web site at http://www.scubadoctor.com.au/diveshop/ I've been having a problem with the breadcrumbs. More often than not, all of the categories in the path to a product aren't displayed in the breadcrumbs.

I've tracked the problem down to CSS Flyout Menus. It seems this module only ever puts one Category in the cPath part of the links it generates. This in turn causes the breadcrumbs to be displayed incorrectly.

Does anyone have a fix for this issue?

Best Regards, Lloyd Borrett.

I've found a suggested fix for this issue at http://www.zen-cart.com/forum/showpost.php?p=447333&postcount=165

It seems to be working.

This fix should be included in an updated version of the module.

lloyd_borrett:

This fix should be included in an updated version of the module.
Not yet, there is a bug in that file.
If you click on any parent category of the breadcrumbs menu you will see all items duplicated.

I'm not seeing that behavour. Maybe it's only a problem with more recent versions of Zen Cart.

lloyd_borrett:

I'm not seeing that behavour. Maybe it's only a problem with more recent versions of Zen Cart.
On your test site, build say 5 cats deep, then click on the 3rd. cat.
You will see what I mean, the sub cats links are duplicated, one on top of the other.

ckosloff:

On your test site, build say 5 cats deep, then click on the 3rd. cat.
You will see what I mean, the sub cats links are duplicated, one on top of the other.

Hi, Ckosloff,

Can you please help me to check my CSS menu at https://www.topalways.com?

My problem is, when hover in IE6, the sub-category won't appear at all. but works fine in IE7 & FF3.

Many appreciated!:smile:

Jerry5763837:

Hi, Ckosloff,
Can you please help me to check my CSS menu at www.topalways.com?
My problem is, when hover in IE6, the sub-category won't appear at all. but works fine in IE7 & FF3.
Understand that IE6 uses .htc.
FF and IE7 don't need it.
First, you need to make sure that it finds .htc.
There is an error in the menu distribution, correct path is:
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
Of course, csshover has to be in folder "includes".
Try using latest version of csshover, here:
http://www.xs4all.nl/~peterned/htc/csshover3.htc

ckosloff:

Understand that IE6 uses .htc.
FF and IE7 don't need it.
First, you need to make sure that it finds .htc.
There is an error in the menu distribution, correct path is:
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
Of course, csshover has to be in folder "includes".
Try using latest version of csshover, here:
http://www.xs4all.nl/~peterned/htc/csshover3.htc

Hi, ckosloff,

Anyhow, many thanks for your reply.
But unluky, seems unworkable.

Also, searched the thread and tried csshover2,or csshover3 under folder Includes, all unworkable.

Any furhter suggestion? thanks again.:cool:

hi, ckosloff,

Worked on it for hours, finally located where the problem is, not because of the file "csshover.htc"
but the value of "position: absolute; top:-10000000px;"
here is the css code in "stylesheet_categories_menu.css"

div#nav-cat UL UL {
	BACKGROUND: url(../images/menu_arrow_bg.gif) no-repeat 0px 100%; LEFT: 148px; PADDING-BOTTOM:4px; WIDTH: 162px; POSITION: absolute;TOP: -10000000px;  HEIGHT: auto;
}

but do not know how to change, since FF3 & IE6 parse the value of "position:ablolute" differently;

can you please check for so many confused guys how to correct,
many appreciated.

Jerry5763837:

hi, ckosloff,
POSITION: absolute;TOP: -10000000px;
I cannot imagine why you would need such a huge value in a negative margin, 10 M pixels!
That will break your site for sure.
Also, try position: relative, that would be relative to the container.
I will repeat what I have said in previous posts, you need 3 things:

1. A test site.
2. A style editor. I use Top Style Pro, just a suggestion.
3. The Web Developer toolbar, which is a free FF extension, that will tell you which element is causing grief.

I've been able to install mod but I have a problem with left vertical sub menus displaying behind right content, I've been going at it for days now and I can not figure out where I went wrong, could you guys please take a look at my site? maybe a second set of eyes will catch my error. I've tried 2 version of this mod!!! :)
I've checked z-index on navColumnOne (z-index: 10) and centerColumn (z-index: 0)

Thanks in advance for all your help.
Here's the link to site hxxp://www.imagetech.us/shop/

I'm willing to pay some one to get this fixed!

Thanks

issy:

I've checked z-index on navColumnOne (z-index: 10) and centerColumn (z-index: 0)
Where are you checking z-index?
You have to look in stylesheet_categories_menu.css
div#nav-cat li {
background-image: url(../images/b1.gif);
background-repeat: no-repeat;
position: relative;
list-style: none;
margin: 0;
z-index: 20;
height: 20px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---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 */
}
Once this is fixed I'll invoice you with the details of my bank account. :yuck: