Category Tabs - Create nested list of Cats & Subcats

[evamike]

HI,

I am struggling to find a clear answer as to how I could generate a nested list of categories and subcategories for use in the Category Tabs. Basically all I need is a list in the form:

<ul>
   <li>Category Link
       <ul>
           <li>Subcategory Link</li>
           <li>Subcategory Link</li>
       </ul>
   </li>
   <li>Category Link
       <ul>
           <li>Subcategory Link</li>
           <li>Subcategory Link</li>
       </ul>
   </li>
</ul>

I have links other than top level Categories that I want to appear there so I have been working with the tpl_modules_categories_tabs.php file. $links_list is a list of the top level categories but I need also a subcategory list for each top level category.

I am not a seasoned php coder so I'm a bit lost and appreciate that I could be over or under complicating things. I have searched the forums but haven't found any answers at my level. I looked at CSS Horizontal Drop Down Menu but it just seems to make a dropdown of the whole Categories list which is not quite what I'm trying to do. Is there a simple answer to this problem?

Thanks

Mike

[gjh42]

If you want the nested subcat lists like you show, you will need something like the categories CSS dropdown generator to get it. You can strip the dropdown part of the code/CSS and style the lists as you wish.

[evamike]

Thanks for your response. I managed to fix it by borrowing the class file fry CSS Flyout menu to generate my list. Then I inserted the extra li tags for my custom links before printing it all out. The code my not look pretty and certainly won't win me any awards but the result is bang on. Thanks for your help.

Long live the Open Source Community!!

Mike

[websightdesign]

Hi Mike

I am currently trying to re-design the horizontal menu to look like littlewoods.com is that what you managed to do if so can you let me have a little more informatin on how you managed it.

Thanks
Brad

[gjh42]

What you are looking for is just a variation on a CSS dropdown menu, available from Free Addons. Your reference shows the entire subcat list for a top cat in one box, but that should be achievable by tweaking the dropdown structure.

[websightdesign]

Hi

Thanks for your reply, as you suggested i have tried looking at the coding for the generator to tweak this code as i thought this might hold the key but i am a little lost. i currently have modified the flyout horizontal menu to show the top level of categories as the main links rather than teh contact us and my account etc... i would now like the flyout menu's that come down from them top level of categories to show one level down in larger text and then the following sub categories as shown on the littlewoods.com website.

Any help would be much appreciated, or some direction as to where i should be looking if i'm in the wrong place.

Thanks
Brad