Делаем модное вертикальное меню (каталог)
#1
Отправлено 05 May 2012 - 03:52 PM
Описание:
Оформление каталога в виде выпадающего меню с картинками категории на втором уровне.
Удобно использовать если в структуре каталога присутсвуют 3 уровня.
Пример представлен в Категории "Мониторы":
Первый уровень Категория "Мониторы"
Второй уровень Фирма производитель отображается с картинкой категории, например Asus или Aser.
Третий уроверь диагональ - 15 дюймов и т.п.
Если в Категории нет третьего уровня, подкатегории выпадают обычным списком. Например категория "Акустика".
Если в Категории нет третьего уровня но ко второму прикреплены изображения они выводятся в списке. Пример виден в Категории "Корпуса и БП"
Работоспособность проверена в Google Chrome, Firefox Mozilla, Opera, IE8.
Уcтановка:
1. Загрузите файлы через фтп сохраняя иерархию вложений.
3. Создайте блок и файла cat_tree_menu.tpl.html
Видеодемонстрация:
http://youtu.be/rW7YYA9YZRI
Скачать "Модное вертикальное меню (каталог)" v.01
хе-хе ))
#2
Отправлено 19 May 2012 - 09:28 PM
Подскажите пожалуйста, а почему данное меню показывается не как в примере в левой колонке, а по ширине листа в 890 px, получается оно оказывается посередине страницы и все остальное из левой колонки тоже подстраивается под эту ширину.
те блоки,. что раньше были по середине страницы или вверху сдвигаются куда-то вправо.
попытки поменять что-то в файле стилей не дает результата, ширина не меняется.
Подскажите, что можно сделать в такой ситуации?
Прикрепленные файлы
#3
Отправлено 19 May 2012 - 09:35 PM
#4
Отправлено 20 May 2012 - 11:54 AM
в дефолтовый тоже вставляла, там оно в левой колонке, нормальное, но зато не переходит почему-то в подкатегории, они видны в списке, но в них не переключается...Криво подключили, скорее всего стили Вашего дизайна влияют на меню. Делалось оно специально на дефолтный шаблон, чтобы потом каждый под себя подгонял.
не понятно, что не так...
#5
Отправлено 20 May 2012 - 12:02 PM
Вот пример.
http://shopcms.vsupport.club/
Само собой с закрытыми глазами никто Вам решить проблему не поможет. Стоимость установки - 10$. Если не справитесь можете заказать.
#6
Отправлено 20 May 2012 - 12:25 PM
спасибо, может быть обращусь.
#7
Отправлено 20 May 2012 - 04:54 PM
2. Если название категории длинное и не влезает в одну строку в блоке, то получается не совсем красиво. Точнее, совсем не красиво.
#8
Отправлено 20 May 2012 - 05:38 PM
Ну может немного позже )) как ты говоришь "неспешно" подправлю и выложу обновление.
Когда разберусь с этим аяксом и хвостами, которые из-за него накопились.
#9
Отправлено 20 May 2012 - 06:04 PM
Ага. Самую малость. Там тааааакой интереснейший css-файл .там всего-то заменить картинку для ховера и немножко стиль подправить
#10
Отправлено 20 May 2012 - 06:20 PM
Там тааааакой интереснейший css-файл
)))))))) ну там не одно меню....... там их много. А файл 1 для всех.
А в стилях там вроде 1 стиль всего подправить.
#11
Отправлено 20 May 2012 - 06:30 PM
Полез в css-файл, а там - на мой не особо сведущий взгляд - две трети файла вообще к этому модулю никаким боком.
Вот сижу, разбираюсь, режу лишнее. Заодно хоть с CSS немного познакомлюсь, что там к чему...
Картинки практически все (кроме двух) не используются в этом варианте меню, как я понял.
#12
Отправлено 20 May 2012 - 07:04 PM
#13
Отправлено 20 May 2012 - 11:53 PM
#14
Отправлено 21 May 2012 - 12:29 AM
т.е. в стиле для блока с меню нужно дописать
z-index: 999например.
Только блок при этом должно быть
position:related;или
position:absolute;
но если стили не меняли, то оно там так и есть
#15
Отправлено 07 June 2012 - 11:55 PM
#17
Отправлено 23 June 2012 - 10:36 AM
Подсказываю проверить утверждение про одну библиотеку. Лично я вижу две подключенных jquery-latest. Нажмите в FireFox Ctrl-U (Исходный код страницы) - увидите и Вы. Может, дело и не в них, но сначала надо устранить ЭТУ ошибку. Мне всегда помогало .библиотека только 1 подключается кьювери. Подскажите что еще можно проверить.
PS. Может, Вы просто неправильно понимаете фразу "одна библиотека" и поленились прочитать предыдущие сообщения в этой теме? Цитирую "1. ИМХО, в инструкции не помешает написать о том, что если jquery уже подключен в head.tpl.html, то в cat_tree_menu.tpl.html его надо закомментировать или удалить."
"Закомментировать или удалить", а не закомментировать свой вариант jquery и прописать вместо него другой вариант из cat_tree_menu.tpl.html
#18
Отправлено 23 June 2012 - 05:04 PM
Нет! первым делом прочитал тему после того как не заработала менюшка, в компоненте закоментировал.
Потом просто все вернул обратно.
а не закомментировать свой вариант jquery и прописать вместо него другой вариант из cat_tree_menu.tpl.html
тоже пробовал, пробовал и библиотеку из шаблона и библиотеку из компонента и на стандартном шаблоне.
#20
Отправлено 25 June 2012 - 03:36 AM
Все это проделывал, перепробовал разные варианты, даже на разных хостингах и сайтах.PS. Может, Вы просто неправильно понимаете фразу "одна библиотека" и поленились прочитать предыдущие сообщения в этой теме? Цитирую "1. ИМХО, в инструкции не помешает написать о том, что если jquery уже подключен в head.tpl.html, то в cat_tree_menu.tpl.html его надо закомментировать или удалить." "Закомментировать или удалить", а не закомментировать свой вариант jquery и прописать вместо него другой вариант из cat_tree_menu.tpl.html
Сегодня еще поковыряю, если есть идеи почему или подсказка что еще проверить, буду рад.