Документация Сотбит: Розница. Мультирегиональность. Выбор города
Компонент выбора города позволяет покупателю переключать текущее региональное представительство интернет-магазина для просмотра актуальных цен, остатков товаров на складах и условий доставки. В решении доступны классический шаблон с алфавитным перечнем и современный адаптивный bento-шаблон с поддержкой модального и выпадающего форматов.
Общее описание и варианты отображения
Компонент выбора города в готовом решении Сотбит: Розница реализован на базе модуля Мультирегиональность и интегрирован в верхнюю панель сайта (шапку).
В решении реализовано два базовых шаблона компонента:
- Алфавитный указатель (b2c) — традиционный вариант в виде боковой шторки с полным алфавитным перечнем населенных пунктов, быстрым переходом по буквам, строкой поиска и блоком избранных городов.
- Плитки городов (b2c_bento) — компактный bento-шаблон, в котором города представлены в виде интерактивных плиток-карточек. Шаблон адаптирован под современные интерфейсные решения и поддерживает два стиля отображения:
- Модальное окно — центрированное диалоговое окно поверх затемненного фона;
- Выпадающее окно — компактная панель, открывающаяся непосредственно под переключателем города в шапке сайта.
Алфавитный указатель
Плитки городов: Модальное окно
Плитки городов: Выпадающее окно
Источник популярных городов
Список городов, выводящихся в блоке Популярные города, формируется автоматически в зависимости от глобальных настроек модуля Мультирегиональность:
-
Если в модуле включена опция Включить работу с местоположениями, источником служат Избранные местоположения, настроенные в платформе 1С-Битрикс (Администрирование > Настройки > Настройки продукта > Геолокация > Местоположения > Избранные местоположения).
-
Если опция Включить работу с местоположениями отключена, источником служат регионы из списка модуля Сотбит: Мультирегиональность (Администрирование > Сотбит > Мультирегиональность > Регионы), отмеченные как избранные.
Текущий выбранный покупателем город подсвечивается фирменным цветом темы оформления как в списке популярных городов, так и в алфавитном указателе.
Подсказка подтверждения города (автоподсказка)
При первом заходе на сайт, местоположение пользователя определяется системой автоматически, рядом с названием города в шапке сайта отображается всплывающая подсказка с вопросом (например, Ваш город Москва?).
Подсказка содержит две кнопки:
- Да — подтверждает автоматически определенный город, после чего подсказка закрывается и больше не отображается в текущей сессии.
- Изменить — закрывает подсказку и открывает окно выбора города в соответствии с активным шаблоном компонента.
Особенности шаблонов выбора города
Шаблон b2c (Алфавитный указатель)
Классический шаблон в формате шторки, ориентированный на каталоги с обширной географией присутствия:
- Алфавитный список — постоянная основа шаблона, разделенная по буквам.
- Поиск населенного пункта — фильтрует список в реальном времени, подсвечивая совпадения в названиях.
- Мобильная версия — на смартфонах шаблон трансформируется в нижнюю выдвижную панель с поддержкой закрытия свайпом вниз за верхний маркер (drag handle) и горизонтальной лентой букв алфавита для быстрой навигации.
Шаблон b2c_bento (Плитки городов)
Современный шаблон с плиточным представлением карточек городов:
-
Карточки автоматически выравниваются по сетке и подстраиваются под длину названий городов.
-
При вводе запроса в поисковую строку плиточная сетка плавно переключается в список результатов поиска с подсветкой совпадений.
-
На смартфонах стили Модальное окно и Выпадающее окно единообразно трансформируются в удобный нижний Bottom Sheet с высотой панели от 60% до 90% экрана.
В стиле Выпадающее окно выводится не более 8 популярных городов. Если в системе настроено большее количество избранных местоположений, для доступа ко всем городам рекомендуется использовать вариант содержимого со строкой поиска либо переключить стиль на Модальное окно.
Поведение при отсутствии популярных городов
Если в интернет-магазине не настроены избранные города/местоположения:
-
В шаблоне b2c блок популярных городов автоматически скрывается, оставляя доступным поиск и алфавитный список.
-
В шаблоне b2c_bento в режиме Поиск и популярные города блок плиток скрывается, а строка поиска остается активной.
-
В шаблоне b2c_bento в режиме Только популярные города выводится аккуратное информационное уведомление о том, что популярные города пока не добавлены, без генерации пустых блоков и технических ошибок.
Настройка параметров компонента
Управление отображением и стилем компонента выбора города осуществляется через параметры компонента в публичной части сайта.
Пошаговая инструкция по настройке
1. Авторизуйтесь в административной панели и перейдите в публичную часть сайта.
2. Включите Режим правки на верхней панели 1С-Битрикс (1).
3. Наведите курсор мыши на блок выбора города в шапке сайта и в появившемся всплывающем меню нажмите на иконку шестеренки (2) для перехода в Параметры компонента.
4. В группе Шаблон компонента выберите необходимый шаблон: b2c (Сотбит: Розница) или b2c_bento (Сотбит: Розница) (3).
5. Задайте требуемые параметры отображения в блоке Дополнительные настройки (4).
6. Нажмите кнопку Сохранить.
Таблица параметров компонента
|
Поле
|
Описание
|
||||||||||||||||||||||||||||||||||||||||
|
Шаблон компонента
|
|||||||||||||||||||||||||||||||||||||||||
|
Шаблон компонента
|
Выбор активного шаблона компонента:
|
||||||||||||||||||||||||||||||||||||||||
|
Параметры шаблона b2c (Сотбит: Розница)
|
|||||||||||||||||||||||||||||||||||||||||
|
Отображать строку поиска
|
Активирует вывод поисковой строки в верхней части шторки выбора города.
|
||||||||||||||||||||||||||||||||||||||||
|
Отображать популярные города
|
Активирует вывод отдельного блока со списком избранных городов над алфавитным списком.
|
||||||||||||||||||||||||||||||||||||||||
|
Заголовок блока популярных городов
|
Задает текстовый заголовок над списком избранных городов (по умолчанию: Популярные города). Отображается, если включен чекбокс Отображать популярные города.
|
||||||||||||||||||||||||||||||||||||||||
|
Параметры шаблона b2c_bento (Сотбит: Розница)
|
|||||||||||||||||||||||||||||||||||||||||
|
Стиль отображения
|
Формат визуального отображения bento-шаблона:
|
||||||||||||||||||||||||||||||||||||||||
|
Содержимое плитки городов
|
Состав элементов внутри bento-окна:
|
||||||||||||||||||||||||||||||||||||||||
|
Заголовок блока популярных городов
|
Текстовый заголовок блока плиток (по умолчанию: Популярные города). Отображается только в стиле Модальное окно при включенном выводе популярных городов.
|
||||||||||||||||||||||||||||||||||||||||
