Support for CSS Flyout Menu

cisi:

Or an english error / mistake ... i wanted to say that ME, maybe don't know how to customize code for my intent :)Ahhhhhhhhhhhhhhhhhhhhh okay.. I understand now..:laugh::yes:

ZC 1.39

I downloaded and installed on my local site yesterday and was happy with the results...really awesome add-on!

I was able to muddle through color and arrow changes fairly easily as well.

So now in the cold light of day I'd like to make a change that i can't seem to figure out. I currently have the categories background set to transparent but would like to add a background color for the cats when cursor passes over them (Hover).

I played around on my local site and can't seem to figure it out.

I do have it installed on my live site now as well.
seriousoffroadproducts.com

In stylesheet_categories_menu.css, add the line in red to get

#nav-cat li a:hover {
color: #FFFFFF;
background-color: #ff3344;
}

Adjust to taste.

Serious:

ZC 1.39

I downloaded and installed on my local site yesterday and was happy with the results...really awesome add-on!

I was able to muddle through color and arrow changes fairly easily as well.

So now in the cold light of day I'd like to make a change that i can't seem to figure out. I currently have the categories background set to transparent but would like to add a background color for the cats when cursor passes over them (Hover).

I played around on my local site and can't seem to figure it out.

I do have it installed on my live site now as well.
seriousoffroadproducts.com

Find and edit the color in the block of code below..............

#nav-cat li a:hover {
   color: #FFFFFF;
}

Hope this helps.

Get Em Fast:

Find and edit the color in the block of code below..............

#nav-cat li a:hover {
color: #FFFFFF;
}

> 
> 
> Hope this helps.Sort of....it turned the text black

> **gjh42:**
>
> In stylesheet_categories_menu.css, add the line in red to get
> 
> #nav-cat li a:hover {
>    color: #FFFFFF;
>    background-color: #ff3344;
> }
> 
> Adjust to taste.That did it.
Take a look and tell me what you think

Yep, looks good. I somehow didn't think you'd keep the flaming red:)

I tried it on my local site first.....good thing!;)

is it possible to hover level2 when level3 is hovered?

I mean to hover Dame on this image

I have this installed in V1.5 and works great, i was just wondering though if it is possible to change some settings so the flyout occurs a little smoother ?
Thank you

windsurfer - Get Em Fast would have to advise on that, as it would probably involve the jQuery effects.

Loter - To get hover effects on the higher items in the tree, find in your stylesheet_categories_menu.css the rule like this

#nav-cat li a:hover {
   color: #FFFFFF;
   background-color: #000000;
}

and add a rule above it to get this

#nav-cat li:hover>a {
   color: #FFFFFF;
   background-color: #a00000;
}

#nav-cat li a:hover {
   color: #FFFFFF;
   background-color: #000000;
}

Adjust properties to fit your situation.

I buyed a template from template monster, but after the changes we have made to this template we have a problem with hover menu. Now the menu must be on 2 rows as seen here:
http://kronemag.de/shop1/

Here you can find how it looked before:
http://www.templatemonster.com/zencart-templates/37597.html

The question is : Can we delay the drop down of the menu on mouse over?

This is how * includes/templates/theme592/jscript/jscript_xdropdown_menu.js* looks like:

//script added by Get Em Fast Web Designs
var isAnimating = false;
var $toClose = null;

$(function () {
$('#dropMenu .level1 .submenu.submenu').hover(function() {
if (!isAnimating) {
$(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideUp(500);
$(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideDown(200);
isAnimating = true;
}
}, function() {
$toClose = $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li');
setTimeout(function(){if($toClose!=null){
$($toClose).stop(true, true).slideDown(500);
$($toClose).stop(true, true).slideUp(200);
$toClose = null;
isAnimating = false;
}}, 200);
});});

Can anyone help? Thank you.

Wrong support thread for this menu.. Looks like the good folks at Template Monstrosity oops I mean Template Monster "borrowed" the code from the CSS dropdown menu.. (which I'm sure they fully disclosed.. yeah right..) You need to post question sin that support thread.. However, I'd suggest downloading the add-on and READING the readme which should provide some insight on how to manipulate the speed of the dropdown..

kronemag:

I buyed a template from template monster, but after the changes we have made to this template we have a problem with hover menu. Now the menu must be on 2 rows as seen here:
http://kronemag.de/shop1/

Here you can find how it looked before:
http://www.templatemonster.com/zencart-templates/37597.html

The question is : Can we delay the drop down of the menu on mouse over?

This is how * includes/templates/theme592/jscript/jscript_xdropdown_menu.js* looks like:

//script added by Get Em Fast Web Designs
var isAnimating = false;
var $toClose = null;

$(function () {
$('#dropMenu .level1 .submenu.submenu').hover(function() {
if (!isAnimating) {
$(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideUp(500);
$(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li').stop(true, true).slideDown(200);
isAnimating = true;
}
}, function() {
$toClose = $(this).find('ul.level2,.level3 li,.level4 li,.level5 li,.level6 li');
setTimeout(function(){if($toClose!=null){
$($toClose).stop(true, true).slideDown(500);
$($toClose).stop(true, true).slideUp(200);
$toClose = null;
isAnimating = false;
}}, 200);
});});

Can anyone help? Thank you.

Just change the .slideUp and .slideDown numbers to a lower (faster) or higher (slower) number.

Hope this helps.

Hello,

I successfully installed and modified the colors for this add on - I really appreciate your work.

Just one question though, is there any option to show the products count in each category? I had it in my old category sidebox.

And if I'm already asking, how do your remove the "..." after new products or all products etc?

Thank you!

gotyed:

Hello,

I successfully installed and modified the colors for this add on - I really appreciate your work.

Just one question though, is there any option to show the products count in each category? I had it in my old category sidebox.

And if I'm already asking, how do your remove the "..." after new products or all products etc?

Thank you!Your questions have NOTHING to do with the topic of this support thread which is "Support for CSS Flyout Menu"..

You need to create a NEW topic and ask your questions in your new post, not in the support thread for this menu..

Hello,

I installed the CSS Flyout Menu, I had some questions because it was a little different from my old - non flyout menu.

I'm just not sure why isn't it related to this topic?

Thanks

Hi,

first of all, thanks for a great module,

I'm also using the 'display specific categories' module, to hide certain categories to all but 1 customer,

these specific categories don't show in the categories sidebox, but still show in the flyout menu, because these categories are not excluded in the flyout menu,

any idea how I can exclude these categories in the flyout menu ? the 'display specific categories' module created a new table in the database called 'categories_customers',

thanks for any help,

gotyed:

Hello,

I installed the CSS Flyout Menu, I had some questions because it was a little different from my old - non flyout menu.

I'm just not sure why isn't it related to this topic?

ThanksYour question looked like you were asking abut your categories sidebox..

Looking at this site: http://kronemag.de/shop1/ it doesn't look like you do not have the CSS Flyout Menu installed.. It looks as if you have the CSS Dropdown menu installed. IF your question is related to that menu, you need to post it in the correct support thread.. 'Tis all..:smile:

Hi,

I didn't really understand what you meant in your example, I don't have the dropdown menu, but the CSS Flyout Menu installed.
I used it to replace my categories sidebox, so I asked the questions. Sorry for the misunderstanding .

BTW, I resolved the thing with the points, it was stupid not to look around, but concerning the product count I couldn't find the answer.

Thank you!