Support for CSS Flyout Menu

What modification did you need to do? If a change is needed, other people will want to know this.

Sorry, wrong choice of words, not really a modification

Hi

How could I set this up so the menu displays on the main page only?

My questions did originate from another thread on the forum but in honesty it is more suitable to post it here.

Great add-on by the way! :smartalec:

windsurfer:

Sorry, wrong choice of words, not really a modification
Whatever it was you did, Glenn is right other people may benefit form the same information..

Dunno if this has been posted here, but I thought I'd post this in case it is needed/asked about.

http://www.zen-cart.com/forum/showpost.php?p=1087140&postcount=359

Using hideCategories with CSS Flyout Menu

Is it possible to change the font colors for the level2, level3 in the flyout ?

Thanks

Yes it is. Seeing your implementation live is the best way for us to advise on the correct selectors to use. You can do it yourself if you use the Firefox Web Developer or Firebug extensions (or possibly other browsers' developer tools).

Hi gjh42
Thanks for the response.
I use the internet explorer developer tool but haven't been able to find where to edit the font color and size, i did manage to change the back ground colors. Any further advise. I am not live yet.

In the one foray I made into the IE9 developer tools, I did not see a lot of the important features I am used to in Firefox. IE9 has improved greatly in standards compliance and behavior from previous versions, but it still is not up to the same standards as Firefox and some others. You would be best off using a compliant browser like Firefox for development, and testing along the way in IE. Install the Firefox extensions I mentioned and see what you can do:)
Firebug in particular might help you here, with its ability to identify all style rules that apply to a given element, including ones that are overridden by others.

nanos203:

Has anyone had any success in getting the CSS Flyout Menu mod to work property with the Hide Categories mod? I use the Hide Categories mode to prevent certain categories from showing up in the category menu but the CSS Flyout Menu mod shows all categories (even the ones designated as hidden by the Hide Categories mod).

I'm sure it's just a matter of making CSS Flyout Menu "aware" of the Hide Categories attributes but I'm not sure where to do that.

Any tips are greatly appreciated!!

To use CSS flyout in conjunction with the hide category mod, you must edit /includes/classes/categories_ul_generator.php

Find this line: where c.categories_id = cd.categories_id

Add this below it: and c.categories_id NOT IN(20, 22)

In the above example, this will hide category IDs 20 and 22 from the CSS flyout menu. Change it according to your needs.

Hope this helped someone!

lolwaut:

To use CSS flyout in conjunction with the hide category mod, you must edit /includes/classes/categories_ul_generator.php

Find this line: where c.categories_id = cd.categories_id

Add this below it: and c.categories_id NOT IN(20, 22)

In the above example, this will hide category IDs 20 and 22 from the CSS flyout menu. Change it according to your needs.

Hope this helped someone!
This might work in YOUR store if your hidden category IDs are 20 and 22, but your fix is NOT the best solution..

If you look a few posts up from here on this same page, you'll see I posted a link to the correct way to modify the menu to work with hideCategories.. The solution I posted doesn't require you to know which category IDs are hidden. this way if you add more hidden categories, you not have to edit the menu again..

(I also made it super easy to find using the thread search tools by "embedding" the words "Using hideCategories with CSS Flyout Menu" in the post, and I even changed the post subject to "Using hideCategories with CSS Flyout Menu" for good measure..:wink: This post I reference is from the hideCategories support thread)

DivaVocals:

This might work in YOUR store if your hidden category IDs are 20 and 22, but your fix is NOT the best solution..

If you look a few posts up from here on this same page, you'll see I posted a link to the correct way to modify the menu to work with hideCategories.. The solution I posted doesn't require you to know which category IDs are hidden. this way if you add more hidden categories, you not have to edit the menu again..

(I also made it super easy to find using the thread search tools by "embedding" the words "Using hideCategories with CSS Flyout Menu" in the post, and I even changed the post subject to "Using hideCategories with CSS Flyout Menu" for good measure..:wink: This post I reference is from the hideCategories support thread)

Definitely didn't see that post. My way will work, but your way is definitely much cleaner. I've adopted your method. Thanks!

lolwaut:

Definitely didn't see that post. My way will work, but your way is definitely much cleaner. I've adopted your method. Thanks!You're welcome.. Not my method.. just sharing what another community member shared..:smile: and yes your method would work.. until you added another hidden category and had to make that edit again.. :smile: Now you are free to add as many hidden categories as you like..:smile:

First of all thanx a lot for this great Mod, i've installed it and works very well. I customize styles and this is the result :
http://www.fantozzi.net/arredoshop/ . My site is still offline, i'd like to customize all.
Anyway, i need help with this mod, i would like that the code of menu would be like that :

<div id="categoriescss" class="leftBoxContainer">

<h3 class="EXPANDABLE">CAT1 with SubCat</h3>
<ul class="SOMETHING 2">
<li>SUBCAT 11</li><li>SUBCAT 12</li><li>SUBCAT 13</li>
</ul>

<h3 class="EXPANDABLE">CAT2 with SubCat</h3>
<ul class="SOMETHING 2">
<li>SUBCAT 21</li><li>SUBCAT 22</li><li>SUBCAT 3</li>
</ul>

<h3 class="NO EXPANDABLE" style="cursor: default">CAT3 no subcat</h3>

Is it possible to adapt your code ??
Thanx a lot in advance.
Regards.
Franesco :clap:

It's open source, so yes you are free to take a copy of the mod and change its details as you like.
You can probably get it to behave as posted, but it may take a lot of recoding to eliminate the top <ul> etc. Is there any real difference you want beside the <h3> tags for top cats? And what is the purpose behind making these changes?

Thanx for your reply .. the purpose is to change thevisualization to make an accordion menu .. but maybe o'v got no skill to adapt your code to this .. :)

It's not my code, and an accordion menu takes javascript if you want it to work without refreshing the page. Get Em Fast, who wrote the current version of this mod, may be able to do it if he wants to take the time.

Thanx anyway for your response !!! :smile:

cisi:

but maybe o'v got no skill to adapt your code to this .. :)Wow.. Was that an attempt at humor or an insult??:ohmy:

Or an english error / mistake ... i wanted to say that ME, maybe don't know how to customize code for my intent :)