Принцип работы модуля

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

Шаги

Цель путешествия

Блок представляет собой краткое описание (текст, Lorem ipsum), под которым идет select с выбором одного варианта из списка:

  • отдых
  • экскурсия
  • лечение
  • образование
  • ...

Пример формы

Цены

На какие цены ориентируется человек, его предпочтения; select с выбором одного варианта из списка:

  • любые
  • дешевые
  • средние
  • дорогие

Пример формы

Куда отправляется?

Текстовый блок, под ним autocomplete для выбора из списка.

Пример формы

Количество человек

Сколько взрослых, сколько детей (возраст каждого ребенка)

Пример формы

Питание

У отелей есть разные пакеты по питанию, в целом все они стандартизованы и имеют общеизвестные названия ([AI] all Inclusive - все включено, [RO] room only - без питания и т.д.)

В нашем случае нужно человеку предлагать эти вещи по-другому.

Итак, в блоке сначала текст, под ним список checkbox-ов

  • [ ] без питания
  • [ ] только завтраки
  • [ ] завтраки + ужины
  • [ ] завтраки + обеды + ужины

  • [ ] расширенное меню (скрыт)

  • [ ] напитки (скрыт)

Логика: "без питания" делает неактивными все остальные чекбоксы; если выбраны ужины - дополнительно показываем "расширенное меню" и "напитки". В результате выбранные варианты должны преобразовываться в общепринятые аббревиатуры.

Пример формы

Категория отеля

Разделяем по типам (отель, апартаменты, вилла), к выбранному типу предлагаем звездность, если нужно.

Пример формы

Длительность пребывания

Количество ночей пребывания в отеле. Указывается интервалом от - до.

Пример формы

Даты вылета

Примерные дата вылета, на которые человек планирует отдых, указывается интервал дат, максимально - полтора месяца. Идеально - календарь со sletat.ru, для прототипа подойдет любой опенсорсный Daterange calendar.

На последнем шаге кнопка "Начать поиск туров"

results matching ""

    No results matching ""