Page 1 of 2
Design the category menu with css
Posted: Sun Oct 11, 2009 5:51 am
by karlpers
Hi guys,
I have seen some stores with category menus with hover functions etc.
Lets say that I want a menu which has each link in separeate "cells"
I want to be able to set a backgound color for the cells, and color for mouse over the cells.
I would also be able to have different styles for category and sub-category.
Is that an easy thing to do in the css menu?:)
Best regards
Re: Design the category menu with css
Posted: Sun Oct 18, 2009 2:07 am
by readyman
Yep I've already done this... Check out
www.alreadymade.com - It's called the dynamic category menu. You can choose different setups.
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 3:11 am
by DannyMacD
just purchased and installed this as said but i get this error:
Error: Table 'danny_macdealer.category' doesn't exist
Error No: 1146
SELECT * FROM category c LEFT JOIN category_description cd ON (c.category_id = cd.category_id) ORDER BY c.sort_order
help! lol

Re: Design the category menu with css
Posted: Thu Oct 22, 2009 3:56 am
by ctellier
looks like a database problem.
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 9:41 am
by fido-x
Looks more like a database prefixing issue. Are prefixes supported (or required) by this mod?
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 10:12 am
by readyman
Yeah, sorry, looks like it's a db prefix issue... I'll add prefix support today. Download it again tonight - there will be a new zip.
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 9:17 pm
by Donce
not working for me too..

) i would like an update, bought original..tadelisz (AT) gmaildotcom
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 9:38 pm
by Qphoria
woohoo an email addy! Let the spambots attack!
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 9:53 pm
by readyman
Yep, I've ported this module for 1.3.2 now and uploaded a new zip file. Let me know on
www.alreadymade.com if you can't access the new file and I'll send it to you via email.
Note. don't post your email address here... you can contact me direct on the site or PM - it's not worth the spam
Re: Design the category menu with css
Posted: Thu Oct 22, 2009 10:33 pm
by Donce
sorry for posting e-mail..:/
Re: Design the category menu with css
Posted: Sat Oct 24, 2009 2:23 pm
by adam777
karlpers wrote:Hi guys,
I have seen some stores with category menus with hover functions etc.
Lets say that I want a menu which has each link in separeate "cells"
I want to be able to set a backgound color for the cells, and color for mouse over the cells.
I would also be able to have different styles for category and sub-category.
Is that an easy thing to do in the css menu?:)
Best regards
Nice template from Readyman and everything's done for you, but yes it's easy to do with CSS.
Find "catagory" & "hover" in the CSS file, and give the hover a background colour.
With Readyman's stylesheet.css file you'll find it already done for you. Just change the colour to suit. Change the colour by changing the number after the word "background". The following chart shows the numbers you need, the hexidecimal colour codes
http://html-color-codes.com/. You can even swap in background images which can be cool.
Remember to make a copy of anything before you change anything, as you may make a mistake.
Cheers
Adam
Re: Design the category menu with css
Posted: Sat Oct 24, 2009 9:34 pm
by readyman
It's not all in the CSS and it's not just a template change though.
You need to change the category output so that you have the full list of categories. Only then can you style it into CSS or use jquery to build menus etc. At the moment, you only have one category appearing after you click it.
Also, you need to dynamically set the current category, so that you can style it with a class style.
Re: Design the category menu with css
Posted: Fri Oct 30, 2009 1:14 am
by thenetinfo
nice discussion........ thanks .........
Re: Design the category menu with css
Posted: Sat Nov 07, 2009 3:35 pm
by lucyvanpelt
hi,
is the jquery expanding menu attached to this ye filet?
http://alreadymade.com/shop/index.php?r ... duct_id=42
id love drop menu where the subheadings are hidden until you click on a main heading.
Re: Design the category menu with css
Posted: Thu Nov 12, 2009 3:04 pm
by lucyvanpelt
hi readyman
i tried to install your module on 1.34 and it doesnt work, it gives me this when i load my website:
Error: Could not load template /home/vol11/byethost18.com/b18_4413706/htdocs/store/catalog/view/theme/mysitemodule/category.tpl!
help! what do i do?
also do you have the accordion plugin yet?
Re: Design the category menu with css
Posted: Thu Dec 24, 2009 12:44 am
by vimal
Hi
I am getting a weird error. All the categories are duplicated and it owerflows the box. The next box is affected too. See image below.
Any help?
Vimal.
Re: Design the category menu with css
Posted: Wed Jan 06, 2010 12:13 pm
by readyman
Hi Vimal, Looks like it could be a language issue. I'll have a look, I think I've already fixed this issue before.
Re: Design the category menu with css
Posted: Wed Jan 06, 2010 11:28 pm
by vimal
Thanks readyman! I really like the category box that you have made. Look forward to hearing from you.
Re: Design the category menu with css
Posted: Tue Jan 19, 2010 2:58 pm
by jamialh
menu category for 1.4.0 solved..
public function fetchCategories(){
$query = $this->db->query("SELECT * FROM category c LEFT JOIN category_description cd ON (c.category_id = cd.category_id) WHERE cd.language_id = '" . (int)$this->config->get('config_language_id') . "' ORDER BY c.sort_order");
return $query->rows;
}
public function fetchCategory($category_id = 0){
$query = $this->db->query("SELECT * FROM category c LEFT JOIN category_description cd ON (c.category_id = cd.category_id) WHERE c.parent_id = '" . (int)$category_id . "' AND cd.language_id = '" . (int)$this->config->get('config_language_id') . "' ORDER BY c.sort_order");
return $query->rows;
}
just modify those lines on model->catalog->catagory.php
enjoy
Re: Design the category menu with css
Posted: Tue Jan 19, 2010 9:17 pm
by readyman
Yes, jamial, that code is straight out of the dynamic categories module & yes it works if you insert the same code into your version 1.4.0. - go get the full download if you also want the actual module code that calls these functions from the model, as well as css samples already made for you at alreadymade.com