Делаем 3 главные категории Лето Зима Весна и оформляем их вкладками - а остальное подкатегории....... все в тпл никакого пхп.
Выглядит примерно так:
1.JPG 26.72К
31 Количество загрузок:1. дописываем в файл category_tree.php код
# BEGIN Tabs-in-CatMenu
if (isset($categoryID)) $_SESSION['tabmenu'] = $categoryID;
if (isset($_SESSION['tabmenu']))
{
$tabmenu = -1;
foreach($cats as $cat)
{
if ($cat['level'] == 0) $tabmenu++;
if ($cat['categoryID'] == $_SESSION['tabmenu'] ) break;
}
}
else $tabmenu = 0;
$smarty->assign("tabmenu", $tabmenu );
# END Tabs-in-CatMenu
это для сохранения выбранного таба пока не будет выбран другой. По умолчанию - первый (else $tabmenu = 0;)
2. создаем в core/tpl/user/[шаблон]/blocks файл tab_category_tree.tpl.html с содержимым
{if $big_categories_tree && $big_categories_tree_count>0}
<script type="text/javascript">
{literal}
window.onload = function(){
$( "#tabmenu" ).tabs({selected:{/literal}{$tabmenu}{literal}});
var elem = document.getElementById('tabmenu');
elem.parentNode.style.padding = '0';
elem.style.display = 'block';
}
{/literal}
</script>
<div id="tabmenu" style="display:none">
<ul>
{foreach from=$big_categories_tree item=cat}
{if $cat.level==0}<li><a href="#tabmenu{$cat.categoryID}" style="padding: 2px 4px;font-family:monospace" title="{$cat.name}">{$cat.name|truncate:10:"":true}</a></li>{/if}
{/foreach}
</ul>
{section name=h loop=$big_categories_tree}
{if $big_categories_tree[h].level == 0}
<div id="tabmenu{$big_categories_tree[h].categoryID}" align="left" style="padding:5px">
{/if}
{if $big_categories_tree[h].categoryID > 1 && $big_categories_tree[h].level > 0}
<table cellspacing="0" cellpadding="0" width="100%">
<tr class="dtree">
{section name=j start=1 loop=$big_categories_tree[h].level}
<td><img src="data/{$smarty.const.TPL}/pixel.gif" alt="" align="left" width="8" height="10"></td>
{/section}
<td class="dtree">{if $smarty.const.CONF_SHOW_COUNTPROD eq 1}<span style="float:right"> {$big_categories_tree[h].products_count}</span>{/if}<a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}category_{$big_categories_tree[h].categoryID}.html{else}index.php?categoryID={$big_categories_tree[h].categoryID}{/if}" {if $categoryID == $big_categories_tree[h].categoryID}class="bf"{/if}>{$big_categories_tree[h].name}</a></td>
</tr>
</table>
{if $big_categories_tree[h.index_next].level ne 0 && $smarty.section.h.iteration ne $big_categories_tree_count}
<div style="background: url('data/{$smarty.const.TPL}/pix_horiz_b.gif') repeat-x top left;"><img src="data/{$smarty.const.TPL}/pixel.gif" alt="" width="100%" height="1"></div>
{/if}
{/if}
{if $big_categories_tree[h.index_next].level == 0 || $smarty.section.h.iteration == $big_categories_tree_count}
</div>
{/if}
{/section}
</div>
{else}
<div align="center">{$smarty.const.STRING_NO_CATEGORIES}</div>
{/if}
здесь truncate:10 обрезает длину названия категории в табе до десяти символов. Установить по вкусу или вообще убрать, если не надо.
3. Ну и создаем категории первого уровня, которые будут в табах.
5
