Как сделать раскрывающийся текст описания категории в Shop Script — webasyst?

При объёмном описании категории товаров, например, как в магазине www.nebdrakon.com — покупателю не видны товары категории при начальной загрузки страницы. Чтобы показывать часть описания категории в магазине Shop-Script (webasyst), есть простой способ.

Правим файл category.html

<!-- description -->
{if $category.description}
<div class="wrap">
    <div id="t1" class="terms">
    {$category.description}
    </div>
    <span class="tt"  onclick="view('t1'); return false">Подробнее</span> 
</div>
<br>
<p><hr></p>
{/if}

внизу этого файла добавляем

<script type="text/javascript">
function view(n) {
    style = document.getElementById(n).style;
    style.height = (style.height == "auto") ? "210px" : "auto";
}
</script>

Теперь нужно добавить несколько строк в файл CSS

.wrap {
    margin: 0 auto;
}
.terms {
    height:210px;
    overflow:hidden;
}
.tt {
    float:right;
    color:#f70;
    cursor: pointer;
    margin:10px 0 10px 10px;
}
.tt:hover{
    color:green;
}