Support for CSS Flyout Menu

Well, without seeing the site, I really can't say. Do you have an address for us to visit this site?

Did you disable the left column as described in the Tutorials/FAQ's?..............something like:

In includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

if (in_array($current_page_base,explode(",",'checkout_shipping,checkout_payment,checkout_confirmation,checkout_success')) ) {   
    $flag_disable_left = true;
  }

Hi,

I am having a bit of trouble installing this mod. I have transferred the "includes" folder with the CUSTOM renamed to the template I am using. All the files seem to be in the right place, but the categories_css doesn´t show up as an option in Admin.

Any ideas what I may have done wrong?

It's not showing up in Admin>Tools>Layout Boxes Controller at all?

Nope. I tried to experiment and rename the categories_css to categories.php and the categories tabs changed to what I guess is the flyout default look, but none of the flyout-functions, and now the products in the categories don´t show. So I have reset it.
I have installed the Norwegian language pack, other than that nothing too special.... Here is my site:

http://godpåbunn.no/

Thanks,

Kristian

Okay. Let's do a double-check of your files to make SURE they're in the correct place............

includes/classes/categories_ul_generator.php

includes/modules/sideboxes/black_pure_free/categories_css.php

includes/templates/black_pure_free/css/stylesheet_categories_menu.css

includes/templates/black_pure_free/sideboxes/tpl_categories_css.php

If those files are in the correct directories, it should show up in your Layout Boxes Controller.

Great, thanks!

For some reason what should be "includes/modules/sideboxes/black_pure_free/categories_css.php" was still "includes/modules/sideboxes/CUSTOM/categories_css.php" Now it seems to work -but the original design is gone for the categories menu :dontgetit a quick fix to keep the original background gifs for the menu header?

Thanks a bunch,

Kristian

Sorry, didn´t realize that the categories_css is a whole new menu. Any quick and convenient way to copy/paste the settings from my "categories" to my "categories_css" to make the new one blend in with rounded corners and so on?

Thanks a lot for your great add-on :-)

Kristian

Kristian,

In includes/templates/black_pure_free/css/stylesheet_categories_menu.css, overwrite the first 4 blocks of code in there with the below:

#categoriescss.leftBoxContainer { 
   background: #f7f7f7; 
   width: 150px; 
   padding-bottom: 10px;
}

#categoriescssHeading.leftBoxHeading {
    background-color: #f7f7f7;
}

#nav-cat {
   width: 149px; 
   margin: 0 0 0 0px;
   background-color: #fff; 
   font-weight:bold; 
   border: 1px solid #e6e6e6;
}

#nav-cat ul {
   margin: 0; 
   padding: 0; 
   width: 149px; 
   background-color: #6495ed;
}

Thanks. In that folder I don´t have "stylesheet_categories_menu.css"

I have 4 files:

CSS_read_me.txt

print_stylesheet.css

stylesheet_css_buttons.css

stylesheet.css

Am I missing something?

Thanks,

Kristian

No, it's in there........look again.........if it wasn't in there, I couldn't see it with the Web Developer Tools OR see it in the View Source.

includes/templates/black_pure_free/css/stylesheet_categories_menu.css

Thank you so much! Of course it was there...just me looking in the wrong place. Looks great now. Coffee coming your way:smile:

Kristian

Kristian:

Thank you so much! Of course it was there...just me looking in the wrong place. Looks great now. Coffee coming your way:smile:
Kristian

Hehe............that happens sometimes.........especially if you're tired and all the folders start looking the same.........

And thanks for the coffee! That's very nice and generous of you!

I've got one more little edit for you to make, though. Right now, if you hover over the "Toys" menu, the sub-menu is a little hard to get to if you move slow. You've got to move your mouse really fast to keep it open. So, let's fix that, okay?

In your stylesheet_categories_menu.css, find this block of code (almost at the bottom):

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

and change the 150 to 148, making that look like:

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

That will fix that little problem.

And thanks again for the coffee. I can smell it brewing right now.............no really, I can................(I just put a pot on). :D

Thanks again,

It is really amazing to get help like this. I didn´t see the problem just now (or notice the change to 148 px), but the change is there now. Does it seem better now at your end?

Kristian

I installed the mod and I would like to know how can I have all of the subcategories products show when I just click on the parent category. I have only 2 levels, the parent category (which is what is being listed in the sidebox) and the children subcategories. Currently when I click on the parent category, no products show and therefore the user is forced to select a particular subcategory which is not what I am hoping to accomplish. As the parent category should be a complete product listing of all its subcategories. Clicking on the subcategory should only narrow the list by that criteria.

Does anyone have any ideas that may help me achieve the functionality I am looking for?

ekon79:

I installed the mod and I would like to know how can I have all of the subcategories products show when I just click on the parent category. I have only 2 levels, the parent category (which is what is being listed in the sidebox) and the children subcategories. Currently when I click on the parent category, no products show and therefore the user is forced to select a particular subcategory which is not what I am hoping to accomplish. As the parent category should be a complete product listing of all its subcategories. Clicking on the subcategory should only narrow the list by that criteria.

Does anyone have any ideas that may help me achieve the functionality I am looking for?

Well, that's what this menu is SUPPOSED to do..........show Categories and NOT products, so naturally clicking on ANY link in the menu will take the customer to the Category page.

Now, if you only have one product in a Category AND have the cart set to 'skip 1 product categories', then clicking on that particular Category will take them straight to the Products' page.

Kristian:

Thanks again,

It is really amazing to get help like this. I didn´t see the problem just now (or notice the change to 148 px), but the change is there now. Does it seem better now at your end?

Kristian

Yep. Now, if you move your mouse slow from the 1st level to the 2nd level, the 2nd level doesn't disappear on you, as it was.

Hi! If this has already been asked, then I apologize ahead of time :smile:

I love this mod and it is so useful, so thank you very much!

I would like to change the background image for the current category. Is there a way to do this?

Thanks,

Anne

Hi;
I want to display the main catagories, and the second level cats underneath it, then the third level cats flyout, How do I do this?

picaflor-azul:

Hi! If this has already been asked, then I apologize ahead of time :smile:

I love this mod and it is so useful, so thank you very much!

I would like to change the background image for the current category. Is there a way to do this?

Thanks,

Anne

Anne,

Not currently. But, I think it could be done with merging a few edits over from Categories Dressing, but right at the time, I just don't have the time to do that. Keep me posted on what you come up with, and when I'm not so busy, I'll try to help you get this worked out.

Thanks,
Robert

iamgointowin:

Hi;
I want to display the main catagories, and the second level cats underneath it, then the third level cats flyout, How do I do this?

Something like this?: http://www.testuksi.co.uk/catalog/

Just copy their stylesheet_categories_menu.css, then edit to match your site, as that will give you a GREAT start to what you're looking for.

Hope this helps.