Вёрстка меню bootstrap help

[Анн. 0]

Помогите, пожалуйста, разобраться как сверстать меню категорий.

Сейчас всё выводится вот так: 

меню генерируется из: categories.php

Хочу чтобы было вот так:

Пыталась переделать вариант categories2.php с шаблона vamshop1, но, похоже, проще сделать по-новому.
Как я вижу, возможно сделать через http://getbootstrap.com/components/#dropdowns - завернуть категорию в 

<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Категория (Лампы)
<span class="caret"></span>
</button>

<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
  ...
</ul>

а каждую подкатегорию в 

<li><a href="#">Подкатегория (светодиодные)</a></li>

и проделать это для каждой категории.

Сложность в том, что не могу понять куда именно прописать эти теги - где выводится категория, где - подкатегория?
Нужно править так же файл templates/'.CURRENT_TEMPLATE.'/source/inc/vam_show_category.inc.php ?
 

[support 447]

Ну это ведь явно сложный вопрос и по-шагово всё не объяснить, надо смотреть документацию, смотреть в гугле примеры, их много разны.

и в VamShop используется Bootstrap 2.3, а у Вас ссылка на 3 версию.

Вот правильное описание старой версии, что используется сейчас в шаблоне vamshop1 - http://getbootstrap.com/2.3.2/

Вам нужно править /templates/vamshop1/source/boxes/categories2.php

Если речь про меню, которое в полоске навигации.

Либо править Вам нужно править /templates/vamshop1/source/boxes/categories.php и /templates/vamshop1/source/inc/vam_show_category.inc.php

+ сам шаблон бокса, если нужно, в /templates/vamshop1/boxes/box_categories.html

+ стили /templates/vamshop1/stylesheet.css

 

[Nexoos 6]

У меня есть модуль для мега меню https://nexoos.ru/vamshop/moduli-vamshop/mega-menu/ с помощью которого можно сделать нужное вам меню, вот пример работы модуля http://www.vsya-santehnica.ru/ только там категории сверху а не сбоку.

В общем могу сделать такое меню за 4000р, 3000р модуль и 1000р переделка в левый бокс.

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

[Анн. 0]

Спасибо за список файлов.
Переделала всё-таки categories просто пока что, по стандартному http://getbootstrap.com/components/#list-group

Как только будет побольше времени, сделаю как задумано в первом посте.
Главное, что теперь известно, откуда что берётся.

[support 447]

Хорошо, что разобрались :)

Но я ж говорю, сейчас в VamShop 1.81 старая версия bootstrap, вот правильная ссылка на документацию bootstrap 2.3 - http://getbootstrap.com/2.3.2/

Ваша ссылка - это bootstrap 3, эта версия чуть отличается.

3 версия в VamShop 2 используется - http://demo2.vamshop.ru

[Анн. 0]

да, спасибо за терпение ) хотелось бы в будущем, конечно, сделать красивую менюшку как у связного.

я давно подключила 3, сейчас верстаю как раз под него.
как раз из-за разных версий, как я понимаю, было несколько сложностей.

[support 447]

Да как бы проблем никаких нет, их сотни готовых вариантов, например на - http://bootsnipp.com/tags/menu

Вот первое в списке - http://bootsnipp.com/snippets/featured/bootstrap-mega-menu

и там их под сотню, просто выберите то, что подходит Вам.

99%, что найдёте уже более-мнее готовый вариант.

Сила Bootstrap как раз в этом и есть, что это популярный framework и для чего тысячи и тысячи готоывх компонентов, стилей, шаблонов.

 

[Анн. 0]

нужно ж чтобы из сайдбара разворачивалось.
я уже нашла крутой вариант, обязательно реализую позже.

да, многие топовые магазины используют его (и это понятно).