Перейти к содержанию
Форум поддержки пользователей VamShop

3-4 уровневое меню


Рекомендуемые сообщения

Здравствуйте!

Как сделать много уровневое меню? У меня стоит меню от шаблона vamshop_table и третий уровень отображается не красиво (пример на первой вложеной картинке).

Как сделать такое как на второй вложеной картинке - чтобы был отступ как пирамида - чем дальше вложение, тем больше отсуп слева.

Или чтобы был плюсюсик как меню на третей вложеной картинке.

post-2773-1304838290,5247_thumb.gif

post-2773-1304838290,6156_thumb.gif

post-2773-1304838290,7135_thumb.gif

Ссылка на сообщение
Поделиться на другие сайты

Меню формируется в /templates/vamshop_table/source/inc/vam_show_category.inc.php

Если б был шаблон vamshop. то там довольно просто развернуть всё дерево категорий.

Вот так - http://vamshop.ru/forum/index.php?topic=1347.msg12038#msg12038

Ссылка на сообщение
Поделиться на другие сайты

Меню формируется в /templates/vamshop_table/source/inc/vam_show_category.inc.php

Если б был шаблон vamshop. то там довольно просто развернуть всё дерево категорий.

Вот так - http://vamshop.ru/forum/index.php?topic=1347.msg12038#msg12038

а как тогда быть, если у меня vamshop_table?

Ссылка на сообщение
Поделиться на другие сайты

Ну например перенести меню из vamshop шаблона в vamshop_table

Файлы:

/templates/vamshop/source/inc/vam_show_category.inc.php

/templates/vamshop/source/boxes/categories.php

и блок стилей:


/*- Бокс разделы */
...
/*- /Бокс разделы */
[/code]

перенести из /templates/vamshop/stylesheet.css в /templates/vamshop_table/stylesheet.css

Тогда в шаблоне vamshop_table будет такое же меню как и в vamshop

Ссылка на сообщение
Поделиться на другие сайты

гуд, спасибо.. но это я так понял, что меню просто будет развернутое.

А как сделать, чтобы она было свернутое, но отображалось как например на втором рисунке - красиво и четко. А то стандартное третий уровень отображает не ровно.

Или чтобы было дерево с плюсиком - как на третем рисунке.

Ссылка на сообщение
Поделиться на другие сайты

Если нужно что б разворачивать можно было без перезагрузки страницы, тогда стаьте Yahoo Ajax Menu - http://vamshop.ru/node/192

а внешний вид уже сами допиливайте.

Ссылка на сообщение
Поделиться на другие сайты

А какой файл править, чтобы изменить внешний вид этого бокса? - templates\vamshop_table\box_yahoo.html ?

Нужно изменить: шрифт, его размер, цвет и иконку возле названия категории.

Ссылка на сообщение
Поделиться на другие сайты

VaM, а как можно вытянуть меню с шаблона shopos - http://vamshop.ru/node/336

и можно ли его переделать под vamshop_table?

Ссылка на сообщение
Поделиться на другие сайты

Взять стили указанные выше из stylesheet.css и перенести к себе.

А вообще, лучше конечно подучить css хоть немного.

Ссылка на сообщение
Поделиться на другие сайты

Немного знаю, но этого мало.

Подскажите пожалуйста одно: где именно стиль, который отвечает за оформление текста: size, font.. никак не могу убрать, чтобы текст был не жирным шрифтом.

Вот сам код:

/*- Список разделов */
#categoriesBoxMenu
  {
    padding: 0;
    margin: .2em 0 0 0;
  }

#categoriesBoxMenu #CatNavi, #CatNavi ul, #CatNavi li
  {
    margin: 0;
    padding: .1em;
    list-style-type: none;
  }

#categoriesBoxMenu #CatNavi li a
  {
    padding: .2em 0 .2em 20px;
    color: #000;
    text-indent: 0.4em;
    text-decoration: none;
    margin: 0.2em 0 0 0;
    background: url(img/shopos/icon_arrow.gif) no-repeat left center;
    font-weight: bold;
  }

#categoriesBoxMenu #CatNavi li a:hover
  {
    color: #000;
    font-weight: bold;
  }

#categoriesBoxMenu #CatNavi .CatLevel1,
#categoriesBoxMenu #CatNavi .CatLevel2,
#categoriesBoxMenu #CatNavi .CatLevel3,
#categoriesBoxMenu #CatNavi .CatLevel4,
#categoriesBoxMenu #CatNavi .CatLevel5,
#categoriesBoxMenu #CatNavi .CatLevel6
  {
    padding-left: 0.5em;
  }

#categoriesBoxMenu #CatNavi .CurrentParent a
  {
    font-weight: bold;
  }

#categoriesBoxMenu #CatNavi li a,
#categoriesBoxMenu #CatNavi .Current li a,
#categoriesBoxMenu #CatNavi .CurrentParent li a,
#categoriesBoxMenu #CatNavi .CurrentParent .Current li a
  {
    font-weight: bold;
    text-decoration: none;
  }

#categoriesBoxMenu #CatNavi .Current a,
#categoriesBoxMenu #CatNavi .CurrentParent .Current a
  {
    font-weight: bold;
    text-decoration: underline;
  }
 
/*- /Список разделов */[/code]

Ссылка на сообщение
Поделиться на другие сайты

Жирный шрифт прописывается вот так: font-weight: bold;

Меняйте на normal

спасибо... я просто удалял всю строчку - в результате ничего не изменялось.

а какие еще файлы нужно переносить, кроме стилей указанных в stylesheet.css ?

Ссылка на сообщение
Поделиться на другие сайты

Никаких, указанных файлов достаточно.

Само собой сюда входят и картинки меню из /img/shopos папки.

Ссылка на сообщение
Поделиться на другие сайты

Само собой сюда входят и картинки меню из /img/shopos папки.

Меню в vamshop генерируется по другому в файле vam_show_category.inc.php

В vamshop_table вовсе по другому и стили которые отвечают за оформление меню также прописаны в vam_show_category.inc.php

Я перенес стили (которые ранее писал) в мой stylesheet.css.. Но так понимаю, что за меню отвечают: moduleRow, moduleRowOver и moduleRowSelected.

Если начинаю в vam_show_category.inc.php изменять на categoriesBoxMenu - ничего не происходит.

После переноса стилей, в какой файл нужно править?

p.s. извинете, если отнимаю у вас время

Ссылка на сообщение
Поделиться на другие сайты

Так vam_show_category.inc.php тоже нужно перенести из шаблона vamshop.

А также /templates/vamshop/spurcex/boxes.categories.php

Я вообще выше об этом писал.

Ссылка на сообщение
Поделиться на другие сайты

Спасибо огромнейшее, Александр

Меню отображается как надо.. вот только почему то стили то ли не видит оно, то ли может еще какие то нужно переносить, а не только

/*- Бокс разделы */
...
/*- /Бокс разделы */[/code]

Не отображается картинка и шрифт вовсе не тот.

post-2773-1304838291,4752_thumb.gif

Ссылка на сообщение
Поделиться на другие сайты

Картинки значит не перенесли в /templates/vamshop/img папку.

перенес всю папку shopos в /templates/vamshop_table/img

и странно почему стили не действуют на блок меню

Ссылка на сообщение
Поделиться на другие сайты

Попробуйте ещё /templates/vamshop/boxes/box_categories.html перенести.

Всё должно действовать, наверное не то или не туда переносите.

Ссылка на сообщение
Поделиться на другие сайты

Попробуйте ещё /templates/vamshop/boxes/box_categories.html перенести.

Всё должно действовать, наверное не то или не туда переносите.

Ух ты! Работает.. Вчера сам что только не пробовал, но вот теперь с вашей помощью заработало.

Александр, очень Вам благодарен.

Ссылка на сообщение
Поделиться на другие сайты

Александр, еще маленький вопрос... Какой стиль еще отвечает за оформления названия категории?

Когда добаляю стили "раздела" в имеющий css файл то отображаются категории как на первой картинке.

А когда заменяю css файл файлом с vamshop, то все отлично (как на второй). Может нужно еще какие то стили перенести?

post-2773-1304838291,5711_thumb.gif

post-2773-1304838291,6866_thumb.gif

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...