Hi Tony,
I did a similar category list on my site. Here's what I'd suggest.
A.
Based on your list of categories, create the following categories in XCart Admin with the position as I listed. The categories "Office Equipment", "Phones", and "Cameras" would not have any products in them. The importance of the positions is just so you can have the categories line up as you want. Of course the numbers can be whatever you want as long as they are incremented for display.
1 Office Equipment
2 Printers
3 Fax Machines
4 Copiers
5 Toner and Supplies
6 Phones
7 Corded
8 Cordless
9 Office Phones
10 Hotel/Motel
11 Answering Machines
12 Caller Id Boxes
13 Phone Accessories
14 Cellular Accessories
15 Cameras
16 35 mm
17 Digital
B.
Create a new class in your css file and name it "CategoriesListHead". It will be used for the "Office Equipment", "Phones", and "Cameras" heading in your menu list. You can style it anyway you like.
C.
Go to your SQL Database and browse the xcart_categories table. Note the categoryid numbers for "Office Equipment", "Phones", and "Cameras". You could also get these categoryid numbers by clicking on the category in XCart admin and getting the categoryid from your browser address bar.
Let's say you found the categoryid numbers were 230 for "Office Equipment", 240 for "Phones", and 250 for "Cameras".
D.
Go to the skin1\customer\categories.tpl file and
change this:
Code:
{if $active_modules.Fancy_Categories ne ""}
{include file="`$fancycategories_config.modules_path`/fancy_categories.tpl"}
{else}
{if $config.General.root_categories eq "Y"}
{section name=cat_num loop=$categories}
<font class=CategoriesList>
{$categories[cat_num].category_name}</font>
{/section}
{else} {section name=cat_num loop=$subcategories}
<font class=CategoriesList>
{$subcategories[cat_num].category_name}</font>
{/section}
{/if}
{/if}
to this:
Code:
{if $active_modules.Fancy_Categories ne ""}
{include file="`$fancycategories_config.modules_path`/fancy_categories.tpl"}
{else}
{if $config.General.root_categories eq "Y"}
{section name=cat_num loop=$categories}
{if $categories[cat_num].categoryid eq 230 or $categories[cat_num].categoryid eq 240 or $categories[cat_num].categoryid eq 250}
<font class=CategoriesListHead>{$categories[cat_num].category_name|escape }</font>
{else}
<font class=CategoriesList>
{ $categories[cat_num].category_name|escape }</font>
{/if}
{/section}
{else} {section name=cat_num loop=$subcategories}
<font class=CategoriesList>
{$subcategories[cat_num].category_name}</font>
{/section}
{/if}
{/if}
Once you've made these changes, you'll be able to play around with the bullet listing and format it however you want.
Hope this helps,
Mike