Суть проблемы состоит в том не могу поменять оформлении каталога товаров в магазине.
Многие скажут что тут сложного просто поменял стили и все, вначале тоже так думал но все намного сложнее или просто заработался не могу понять проще объясню на картинке
примерно надо сделать так
по умолчанию выглядит так
код выглядит так
<div> <ul id="inshop_tree"> {if $item.NSLevel < $last_level} {math equation="x - y" x=$last_level y=$item.NSLevel assign="tail"} {section name=foo start=0 loop=$tail step=1} </ul></li> {/section} {/if} {if $item.NSRight - $item.NSLeft == 1} <li> <a href="javascript:" class="cat_none"></a> <span class="folder"> {if $item.id != $current_id} <a href="/shop/{$item.seolink}">{$item.title}</a> {else} {$item.title} {/if} </span> </li> {else} <li style="padding:{php}echo $padding;{/php}" class="cat"> <a href="javascript:" class="cat_plus" style="{if $cfg.expand_all}display:none{/if}" title="Развернуть"></a> <a href="javascript:" class="cat_minus" style="{if !$cfg.expand_all}display:none{/if}" title="Свернуть"></a> <span class="folder"> {if $item.id != $current_id} <a href="/shop/{$item.seolink}">{$item.title}</a> {else} {$item.title} {/if} </span> <ul> {/if} {assign var="last_level" value=$item.NSLevel} {/foreach} </ul> </div> <script type="text/javascript"> {if !$cfg.expand_all} {literal} $('#inshop_tree li > ul').hide(); {/literal} {/if} {literal} $('.cat_plus').click(function(){ $(this).hide(); $(this).parent('li').find('.cat_minus').eq(0).show(); $(this).parent('li').find('ul').eq(0).show(); }); $('.cat_minus').click(function(){ $(this).hide(); $(this).parent('li').find('.cat_plus').eq(0).show(); $(this).parent('li').find('ul').hide(); $(this).parent('li').find('ul').find('.cat_minus').hide(); $(this).parent('li').find('ul').find('.cat_plus').show(); }); // $('#inshop_tree li').hover( // function() { // $(this).find('ul:first').slideDown(); // $(this).find('a:first').addClass("hover"); // }, // function() { // $(this).find('ul:first').slideUp(); // $(this).find('a:first').removeClass("hover"); // } // ); {/literal} </script>
#inshop_tree{ padding:0px; list-style:none; margin:0px; } #inshop_tree ul{ margin-left:0px; padding-left:16px; } #inshop_tree li { list-style:none; margin-left:0px; padding-left:0px; } #inshop_tree li span { background:url(/templates/_default_/images/icons/folder.png) no-repeat; padding-left:20px; margin-left:0px; font-weight:bold; } #inshop_tree li span a{ font-weight:normal; } #inshop_tree li a.cat_plus, #inshop_tree li a.cat_minus, #inshop_tree li a.cat_none{ display:block; float:left; width:16px; height:16px; margin-right:3px; } #inshop_tree li a.cat_plus{ background:url(../images/shop_cat_plus.png) no-repeat left 2px; } #inshop_tree li a.cat_minus{ background:url(../images/shop_cat_minus.png) no-repeat left 2px; }