<link href="{$template_shop_path}/visual/modules/common/category-list/css/style.css" rel="stylesheet">

<div class="shopping-tab-left shopping-tab-left-$_id">
    <h4 class=" cmseasyedit" cmseasy-id="producttype" cmseasy-table="lang" cmseasy-field="template">
        {lang('producttype')}
    </h4>
    <ul>
        {loop categories($topid) $t}
        <li>
            <a href="{$t['url']}" title="{$t['catname']}" cmseasy-id="{$t['catid']}" cmseasy-table="catname" cmseasy-field="catname" class="cmseasyedit ">
                {$t['catname']}
            </a>
        </li>
        {/loop}
    </ul>
</div>



<style type="text/css">
    .shopping-tab-left-$_id {
        height: $_height;
        background:$_background-color;
    }
    .shopping-tab-left-$_id:hover {
        background:$_background-hover-color;
    }
    .shopping-tab-left-$_id h4 {
        font-size:$_title-size;
        color:$_title-color;
    }
    .shopping-tab-left-$_id h4:hover {
        color:$_title-hover-color;
    }
    .shopping-tab-left-$_id ul li a {
        font-size:$_link-font-size;
        color:$_link-color;
        background:$_link-background-color;
    }
    .shopping-tab-left-$_id ul li a:hover {
        color:$_link-hover-color;

        background:$_link-background-hover-color;
    }
    .shopping-tab-left-$_id ul li+li {
        border-color:$_link-border-color;
        border-radius: $_link-border-radius;
    }
    .shopping-tab-left-$_id ul li+li:hover {
        border-color:$_link-border-hover-color;
        border-radius: $_link-border-hover-radius;
    }
</style>
