У вымышленной сервисной компании несколько направлений. В общем маршруте «реклама → услуга → обращение» нужно помочь человеку сузить выбор. Демонстрация показывает участок с каталогом; рекламная кампания и передача заявки в CRM в неё не подключены.
К выбору примеров
УЧЕБНЫЙ ПРИМЕР
Каталог услуг с поиском
Введите запрос и найдите услугу среди четырёх примеров. Очистите строку поиска, чтобы вернуть весь список без перезагрузки.
Холст:
Это ширина демонстрационного холста. Она не заменяет проверку настоящего устройства.
DEMO / catalog
Каталог услуг с поиском
У вымышленной сервисной компании несколько направлений. В общем маршруте «реклама → услуга → обращение» нужно помочь человеку сузить выбор. Демонстрация показывает участок с каталогом; рекламная кампания и передача заявки в CRM в неё не подключены.
Открыть рабочую демонстрацию
CATALOG / LOCAL SEARCH04 ITEMS
Поиск включается с JavaScript; все карточки доступны ниже.
- Сайт услугиПредложение и форма обращения
- Онлайн-записьУслуга, дата и время
- Передача в CRMДанные попадают в рабочий процесс
- Рекламная связкаЗапрос → объявление → страница
Четыре услуги в демонстрационном каталоге
Только текст, без HTML. Изменения остаются во вкладке.
Список из четырёх демонстрационных услуг с краткими пояснениями.
Проверить разные запросы, отсутствие совпадений и возврат полного списка после очистки строки, включая управление с клавиатуры.
Задача в этом сценарии
У вымышленной сервисной компании несколько направлений. В общем маршруте «реклама → услуга → обращение» нужно помочь человеку сузить выбор. Демонстрация показывает участок с каталогом; рекламная кампания и передача заявки в CRM в неё не подключены.
Как устроено решение
- Показываем четыре примера услуг с названием и кратким пояснением: сайт, онлайн-запись, передача в CRM и рекламная связка. Подключений к этим сервисам в каталоге нет.
- Фильтруем список по введённому тексту и обновляем количество совпадений. Например, запрос «сайт» оставляет связанные с ним карточки.
- При отсутствии совпадений показываем сообщение. Весь список возвращается после очистки строки поиска; отдельной кнопки сброса нет.
Промежуточные материалы
- Исходная задача и ограничения → У вымышленной сервисной компании несколько направлений. В общем маршруте «реклама → услуга → обращение» нужно помочь человеку сузить выбор. Демонстрация показывает участок с каталогом; рекламная кампания и передача заявки в CRM в неё не подключены.
- Состав решения → Список из четырёх демонстрационных услуг с краткими пояснениями.
- Проверка перед запуском → Проверить разные запросы, отсутствие совпадений и возврат полного списка после очистки строки, включая управление с клавиатуры.
Что проверить перед запуском
- Проверить разные запросы, отсутствие совпадений и возврат полного списка после очистки строки, включая управление с клавиатуры.
- Перед добавлением на существующий сайт согласовать источник услуг и проверить совместимость с текущей навигацией и системой управления.
Что входит в пример
- Список из четырёх демонстрационных услуг с краткими пояснениями.
- Поиск по тексту и счётчик найденных услуг.
- Сообщение при отсутствии совпадений и возврат списка после очистки запроса.
Технический паспорт
DevPilot 1.5.2 · Охват проверок, исходники и дата свидетельств
- Статус
- DEMO · Вымышленная компания и учебные данные
- Материалы
- Собственные HTML/CSS/SVG, исходники и локальные алгоритмы. Фотографии клиентов не используются.
- Обработка
- Демонстрация выполняется в браузере. Открытие примера не создаёт заявку или оплаченный проект.
- Доказательства
- Содержимое и локальные проверки отделены от реальной браузерной, хостинговой и коммерческой приёмки.