

Делаем модное вертикальное меню (каталог)
#1
Отправлено 05 мая 2012 - 15:52
Описание:
Оформление каталога в виде выпадающего меню с картинками категории на втором уровне.
Удобно использовать если в структуре каталога присутсвуют 3 уровня.
Пример представлен в Категории "Мониторы":
Первый уровень Категория "Мониторы"
Второй уровень Фирма производитель отображается с картинкой категории, например Asus или Aser.
Третий уроверь диагональ - 15 дюймов и т.п.
Если в Категории нет третьего уровня, подкатегории выпадают обычным списком. Например категория "Акустика".
Если в Категории нет третьего уровня но ко второму прикреплены изображения они выводятся в списке. Пример виден в Категории "Корпуса и БП"
Работоспособность проверена в Google Chrome, Firefox Mozilla, Opera, IE8.
Уcтановка:
1. Загрузите файлы через фтп сохраняя иерархию вложений.
3. Создайте блок и файла cat_tree_menu.tpl.html
Видеодемонстрация:
Скачать "Модное вертикальное меню (каталог)" v.01
хе-хе ))
#2
Отправлено 19 мая 2012 - 21:28
Подскажите пожалуйста, а почему данное меню показывается не как в примере в левой колонке, а по ширине листа в 890 px, получается оно оказывается посередине страницы и все остальное из левой колонки тоже подстраивается под эту ширину.
те блоки,. что раньше были по середине страницы или вверху сдвигаются куда-то вправо.
попытки поменять что-то в файле стилей не дает результата, ширина не меняется.
Подскажите, что можно сделать в такой ситуации?
Прикрепленные файлы
#3
Отправлено 19 мая 2012 - 21:35
#4
Отправлено 20 мая 2012 - 11:54
R.Sergey (19 мая 2012 - 21:35) писал:
не понятно, что не так...
#5
Отправлено 20 мая 2012 - 12:02
Вот пример.
http://shopcms.vsupport.ru/
Само собой с закрытыми глазами никто Вам решить проблему не поможет. Стоимость установки - 10$. Если не справитесь можете заказать.
#6
Отправлено 20 мая 2012 - 12:25
спасибо, может быть обращусь.
#7
Отправлено 20 мая 2012 - 16:54
2. Если название категории длинное и не влезает в одну строку в блоке, то получается не совсем красиво. Точнее, совсем не красиво.
#8
Отправлено 20 мая 2012 - 17:38
Ну может немного позже )) как ты говоришь "неспешно" подправлю и выложу обновление.
Когда разберусь с этим аяксом и хвостами, которые из-за него накопились.
#9
Отправлено 20 мая 2012 - 18:04

#10
Отправлено 20 мая 2012 - 18:20
)))))))) ну там не одно меню....... там их много. А файл 1 для всех.
А в стилях там вроде 1 стиль всего подправить.
#11
Отправлено 20 мая 2012 - 18:30

Полез в css-файл, а там - на мой не особо сведущий взгляд - две трети файла вообще к этому модулю никаким боком.
Вот сижу, разбираюсь, режу лишнее. Заодно хоть с CSS немного познакомлюсь, что там к чему...
Картинки практически все (кроме двух) не используются в этом варианте меню, как я понял.
#12
Отправлено 20 мая 2012 - 19:04
#13
Отправлено 20 мая 2012 - 23:53
#14
Отправлено 21 мая 2012 - 00:29
т.е. в стиле для блока с меню нужно дописать
z-index: 999например.
Только блок при этом должно быть
position:related;или
position:absolute;
но если стили не меняли, то оно там так и есть
#15
Отправлено 07 июня 2012 - 23:55
#17
Отправлено 23 июня 2012 - 10:36

PS. Может, Вы просто неправильно понимаете фразу "одна библиотека" и поленились прочитать предыдущие сообщения в этой теме? Цитирую "1. ИМХО, в инструкции не помешает написать о том, что если jquery уже подключен в head.tpl.html, то в cat_tree_menu.tpl.html его надо закомментировать или удалить."
"Закомментировать или удалить", а не закомментировать свой вариант jquery и прописать вместо него другой вариант из cat_tree_menu.tpl.html

#18
Отправлено 23 июня 2012 - 17:04
Нет! первым делом прочитал тему после того как не заработала менюшка, в компоненте закоментировал.
Потом просто все вернул обратно.
а не закомментировать свой вариант jquery и прописать вместо него другой вариант из cat_tree_menu.tpl.html
тоже пробовал, пробовал и библиотеку из шаблона и библиотеку из компонента и на стандартном шаблоне.
#20
Отправлено 25 июня 2012 - 03:36
Сегодня еще поковыряю, если есть идеи почему или подсказка что еще проверить, буду рад.