Вывод подкатегорий на странице родительской категории

[Colcefer]

Доброго всем времени суток имеется некоторая проблема, в интернет магазине чая имеются чаи зеленый и черный классические, также имеются зеленый и черный ароматизированные.

 

Хочу сделать следующие категории:

 

(К)Ароматизированный чай

       -черный

       -зеленый

(К)Черный чай

(К)Зеленый чай

 

Цели следующие, чтобы пользователь нажимая на кнопку "Ароматизированные чаи" в панели навигации, попадал на страницу для выбора цвета чая, и чтобы товары там не выводились.А после выбора цвета чая открывались товары.

 

И еще способ вывода подкатегорий в моем шаблоне странный, нужно сделать красивее. Скриншот ниже

 

 

 

{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}

{if isset($category)}
	{if $category->id AND $category->active}
		<h1>
			{strip}
				{$category->name|escape:'htmlall':'UTF-8'}
				{if isset($categoryNameComplement)}
					{$categoryNameComplement|escape:'htmlall':'UTF-8'}
				{/if}
			{/strip}
            <div class="resumecat category-product-count">
			{include file="$tpl_dir./category-count.tpl"}
		</div>
		</h1>
		
		
		
		{if $scenes || $category->id_image}
		<div class="content_scene_cat">
			{if $scenes}
				<!-- Scenes -->
				{include file="$tpl_dir./scenes.tpl" scenes=$scenes}
			{else}
				<!-- Category image -->
				{if $category->id_image}
				<div class="align_center">
					<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage"/>
				</div>
				{/if}
			{/if}
		</div>
		{/if}
       
		{if isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories">
			<h3>{l s='Подакатегории'}</h3>
            {assign var='nbItemsPerLine' value=6}
			{assign var='nbLi' value=$products|@count}
			{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
			<ul class="inline_list">
            
			{foreach from=$subcategories item=subcategory name=subcategories}
            {math equation="(total%perLine)" total=$smarty.foreach.subcategories.total perLine=$nbItemsPerLine assign=totModulo}
				<li class="{if $smarty.foreach.subcategories.first}first_item{elseif $smarty.foreach.subcategories.last}last_item{else}item{/if} {if $smarty.foreach.subcategories.iteration%$nbItemsPerLine == 0}last_in_line{elseif $smarty.foreach.subcategories.iteration%$nbItemsPerLine == 1} first_in_line{/if} {if $smarty.foreach.subcategories.iteration > ($smarty.foreach.subcategories.total - $totModulo)}last_line{/if}">
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">
						
					<span>{$subcategory.name|escape:'htmlall':'UTF-8'|truncate:20:'...'}</span>
					<strong></strong>
                    </a>
				</li>
			{/foreach}
			</ul>
		</div>
		{/if}
{if $products}
            <div class="sortPagiBar clearfix">
            {include file="./product-sort.tpl"}
            {include file="./nbr-product-page.tpl"}
            </div>
            {include file="./product-list.tpl" products=$products}
            <div class="bottom_pagination clearfix">
            {include file="./product-compare.tpl"}
            {include file="./pagination.tpl"}
            </div>
        {/if}
        
	{elseif $category->id}
		<p class="warning">{l s='This category is currently unavailable.'}</p>
	{/if}
{/if}
 {if $category->description}
				<div class="cat_desc">
				
					<p>{$category->description}</p>
				
				</div>
			{/if}

Edited September 19, 2013 by Colcefer (see edit history)