Свернуть/Развернуть категории магазина юкоз

голоса: 0
Подскажите пожалуйста как настроить для всех категорий магазина юкоз, свернуть/развернуть подкатегорию? Нужно чтоб она раскрывалась и сворачивалась в один клик. Если возможно подскажите детально что и куда прописать в панели управления. Заранее спасибо!
Адрес сайта http://allisa.ru
| Автор: | Категория: Интернет-магазин
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ
Перейти в Панель управления - Главная - Интерне-магазин - Настройки модуля - Список категорий - Тип отображения списка категорий, выберите Раскрывающееся дерево - Сохранить.
| Автор:
Выбор ответа лучшим | | Автор: Йан Фенегор
Не подскажите как те что есть, перенести на откр. дерево?
Йан Фенегор,
Перейдите в управление категориями модуля и отсортируйте категории, вложите в другие если нужно - http://allisa.ru/panel/?a=shop;l=cats
Не, я про сам дизайн... Мне нужно чтоб дизайн из "Раздвигающиеся блоки" был таким же при открытии "Раскрывающееся дерево". Я изначально знал про эту функцию... Но во втором варианте" раскр. дерево" не устраивает дизайн, но зато в первом варианте " Зазд. блоки" не устраивает что категории не сварачиваются. Как итог мне нужен финальный вариант с дизайном от первого варианта, но способ развертывания второго. Если подскажите как это реализовать, буду благодарен. Или хотя бы наводку... что откуда взять и куда перепрописать...
Йан Фенегор,

Попробуйте в стили модуля магазин добавить:

[id^=cid-],[id^=lid-] {max-width: 100%;display: inline-block;margin-top:3px;cursor:pointer;font-size:12px !important;color:#00B3D9;line-height:16px !important;padding:7px 28px 7px 15px !important;border-radius:3px;text-decoration:none !important;background:#F3F3F3 url('/img/aside_li.png') right no-repeat;}
[id^=cid-]:hover,[id^=lid-]:hover{background:#00BFDC url('/img/aside_li_hover.png') right no-repeat;color:#FFFFFF;} 
[id^=cid-] i,[id^=lid-] i {display:none;}

К сожалению не помогло... Но спасибо большое, у меня получилось найти благодоря Вашему скрипту, где находится нужный фрагмент кода css! Вот часть его:

.cat-tree i { padding-left:12px; height: 14px; background:transparent url(/.s/img/wd/1/sb.gif) 0 2px no-repeat }
.cat-tree u { padding-left:12px; height: 14px; background:transparent url(/.s/img/icon/pm.gif) no-repeat }
.cat-tree u.plus { background-position:0 3px;}
.cat-tree u.minus { background-position:0 -18px }

Думаю сейчас сделаю нужные замены участков, в том числе поменяю картинки на те что нужны...За место /.s/img/wd/1/sb.gif поставлю из нужного мне варианта. Ещё раз спасибо за помощь!  Если получится всё реализовать, напишу получилось решить вопрос или нет.

...