Well, I'm start to feel like I'm talking to myself here, but anyway. Got it to work to the point where the subcategories appear when you are on the parent category page, thanks to those who posted here:
http://forum.x-cart.com/showthread.php?t=13345&highlight=show+subcategorie s
After a day of trial and error, it works fine. Also made some changes to include/categories.php as instructed in the thread above. Subcategories only show in the main category page so I'm trying to work with that.
The problem is that no matter what I do, I can't change the font on the subcategories or even indent them for a visual clue. It is confusing and hard to tell there are different options on the navigation bar when you are in any category page.
This is what the categories.tpl looks like, if it can save someone else some time, I'm happy.
{* $Id: categories.tpl,v 1.26 2005/11/17 06:55:37 max Exp $ *}
{capture name=menu}
{if $active_modules.Fancy_Categories ne ""}
{include file="modules/Fancy_Categories/categories.tpl"}
{assign var="fc_cellpadding" value="0"}
{else}
{if $config.General.root_categories eq "Y"}
{foreach from=$categories item=c}
<font class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></font><br />
{foreach from=$allcategories item=cat}
{if $cat.parentid eq $c.categoryid}<font class="CategoriesList"><a href="home.php?cat={$cat.categoryid}" class="VertMenuItems">{$cat.category}</a>
</font>
<br />
{/if}
{/foreach}
{/foreach}
{else} {foreach from=$subcategories item=c key=catid}
    <font class="SubCategoriesList"><a href="home.php?cat={$catid}" class="VertMenuItems">{$c.category}</a></font><br />
{/foreach}
{/if}
{/if}
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}
- - - - - -
I created a new CSS class, SubCategories list. This is how the VertMenuItems looks like in skin.css:
Vertical menu
*/
.VertMenuLeftColumn {
VERTICAL-ALIGN: top;
PADDING-LEFT: 6px;
PADDING-RIGHT: 20px;
}
.VertMenuRightColumn {
VERTICAL-ALIGN: top;
PADDING-LEFT: 20px;
PADDING-RIGHT: 6px;
}
.VertMenuBox {
PADDING: 1px;
text-align: left;
}
.VertMenuBorder {
}
.VertMenuTitle {
COLOR: #e66321;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.VertMenuSubTitle {
BACKGROUND-COLOR: #eee8da;
}
.VertMenuTitleIcon {
WIDTH: 24px;
HEIGHT: 24px;
MARGIN-LEFT: 8px;
MARGIN-RIGHT: 8px;
VERTICAL-ALIGN: middle;
}
.VertMenuItems {
COLOR: #000000;
TEXT-DECORATION: none;
text-align: left;
}
A.VertMenuItems:link {
COLOR: #A88B42;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
text-align: left;
}
A.VertMenuItems:visited {
COLOR: #A88B42;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
text-align: left;
}
A.VertMenuItems:hover {
COLOR: #e66321;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
text-align: left;
}
A.VertMenuItems:current {
COLOR: #e66321;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
text-align: left;
}
A.VertMenuItems:active {
COLOR: #A88B42;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
text-align: left;
}
.VertMenuHr {
WIDTH: 100%;
HEIGHT: 1px;
BORDER-BOTTOM-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 0px;
COLOR: #ACA490;
}
.CategoriesList {
FONT-SIZE: 12px;
}
.SubCategoriesList {
FONT-SIZE: 10px;
}
/*
Does anyone have any suggestions as to what I am doing wrong? I can't even get the subcats to indent, I would be happy with that.
Thanks again.