Технологии, которые мы использовали при создании BXReady: Интернет-магазин дают возможность расширения функционала нашего решения, в частности, меню, которое уже на сегодняшний день имеет массу преимуществ и особенностей. В этой статье и последующих, часто используется слово hover, которое будет означать всплывающее подменю.
1) Разные типы меню. Под типом меню мы понимаем не только месторасположение меню, но то из каких пунктов оно состоит:
Каталог товаров представлен как один из пунктов меню (1);
В меню располагаются только разделы каталога (2);
В меню, нет пункта связанного с каталогом товаров (3).
2) Для вас доступен ряд настроек, которые могут дать вам сотни вариаций верхнего меню:
Не вошедшие в список разделы сворачиваются(1);
Включение/отключение кнопки поиска (и самой формы поиска) (2);
Выбор типа hover (3, 4), подробнее в пункте 4;
Меню преобразуется в мобильное на портативных устройствах;
Фиксация меню вверху экрана;
Расширение на весь экран.
3) Не менее мощный набор настроек и у левого меню:
Выбор стилей;
Включение/выключение иконок;
Изменение внешнего вида и поведения (шаблоны "аккордеон" и "hover" );
Управление активными пунктами меню (показывает развёрнутыми все пункты меню или только активные) — возможно только для шаблона "аккордеон";
Выбор hover (пункт 4).
Пример левого меню с шаблоном "аккордеон":
4) Любое меню, может подключать различные hover. Это очень интересный принцип сборки На сегодняшний деньhover меню имеет 2 шаблона (но у каждого десятки вариаций), но мы на этом не остановимся, и продолжим вас радовать, а пока подробнее про эти 2 шаблона: Шаблон классического hover имеет следующие настройки:
Настройка цвета;
Включение/выключение иконок и использование иконок по умолчанию.
Пример того как может выглядеть ваше меню с классическим hover:
На первом скриншоте мы видим следующие настройки: цветное меню + иконки.
На втором скриншоте: hover в светлом стиле + иконки + иконки по умолчанию.
Шаблон многоколоночного hover:
Возможность выводить картинку раздела (в виде изображения, иконки или иконки по умолчанию);
Включение/выключение картинки категории (слева/справа);
Установка количества колонок для разных расширений экрана (от 1 до 4 колонок). Обратите внимание! Вы сами адаптируете его под устройства так, как это надо проекту
Меняя всего несколько настроек многоколоночного hover можно добиться разных по виду меню.
В первом случае использованы следующие настройки: меню разбито на три колонки + иконки, картинка раздела не включена.
Во втором случае: меню разделено на две колонки + выводятся картинки раздела.
На третьем скриншоте: выводится картинка категории слева + иконки, меню разделено на 2 колонки, картинка раздела не включена.
В заключение хотелось бы сказать, что посмотреть и попробовать основные возможности нашего меню, вы можете уже сейчас на нашем демо-сайте http://market.bxready.ru/, но помните — это всего лишь малая доля того, на что способен BXReady: Интерент-магазин.
Поэкспериментируйте с этими настройками на странице демо-версии сайта! Вкладка с цифрой 1 - настройки верхнего меню, вкладка 2 - настройки левого меню.
В настоящий момент верхнее и левое меню уже позволяют подбирать тысячи комбинаций и сочетаний настроек, но мы планируем вас порадовать еще парочкой. (планы на развитие данного блока есть )
Если у вас есть предложения по совершенствованию нашего продукта, присылайте их нам.
Группы на сайте создаются не только сотрудниками «1С-Битрикс», но и партнерами компании. Поэтому мнения участников групп могут не совпадать с позицией компании «1С-Битрикс».