Раскрытие результатов поиска во всплывающем окне
Часто клиенты, заказавшие себе одностраничные сайты предпочитают чтобы модуль результаты поиска (или же весь модуль Поиск туров) раскрывался во всплывающем окне.
Выглядит это следующим образом:
Действующий пример можно посмотреть на проекте DemoTravel.
На странице сайта установлен модуль Форма поиска. При нажатии в форме поиска на кнопку "Подобрать туры", появляется всплывающее окно, содержащее модуль Поиск туров.
Модуль Поиск туров включает в себя Форму поиска и Результаты поиска. Можно раскрывать во всплывающем окне только Результаты поиска, но далее мы рассмотрим раскрытие всего модуля, т.к. это наиболее общий случай.
Для создания данного эффекта используется механизм TourClient называемый Виджеты.
Настройка состоит из следущих шагов:
- Получение кода устаноки для модулей Поиск туров - форма поиска и Поиск туров - результаты поиска
- Создание Виджета "Поиск туров"
- Настройка модуля Поиск туров - форма поиска
Получение кода установки модулей
Модуль Поиск тура, состоит из двух модулей:
Для каждого из них необходимо сгенерировать Код установки модуля. Подробнее процесс генерации описан в разделе Установка модуля.
Перед генерацией кода необходимо выполнить настройки модулей. В минимальном варианте необходимо настроить визуальную конфигурацию, т.е. определить "как модули будут выглядеть". Подробнее процесс настройки описан в разделе Настройка визуальной конфигурации.
В примере использовались:
- Эксклюзивная вертикальная стандартная - форма поиска
- Эксклюзивные краткие, с группировкой по отелю - результаты поиска
Визуальная конфигурация названа - widget.
При необходимости также настраивается функциональная конфигурация. Описание в соответствующем разделе Настройка функциональной конфигурации.
Создание виджета "Поиск туров"
Работа с виджетами описана в разделе Виджеты.
Необходимо добавить новый виджет. В примере ему задано имя "Поиск туров".
В поле "Содержимое" данного виджета необходимо прописать коды установки модулей, полученные на предыдущем шаге.
В случае если Форма поиска и Результаты поиска располагаются друг под другом, достаточно просто последовательно ввести их коды:
<!--BEGIN OF MODULE BLOCK--> <script type="text/javascript" language="JavaScript" src="http://tourclient.ru/f/jsboot/115820/find_tour_form?style=widget"></script> <!--END OF MODULE BLOCK--> <!--BEGIN OF MODULE BLOCK--> <script type="text/javascript" language="JavaScript" src="http://tourclient.ru/f/jsboot/115820/find_tour_offers?style=widget"></script> <!--END OF MODULE BLOCK-->
В случае если Форма поиска располагается слева (как в примере), потребуется специальная HTML-разметка.
Вы можете использовать наш вариант - HTML для установки формы поиска в левой колонке.
Настройка модуля Форма поиска
Виджет "Результаты поиска" должен появляться по нажатию кнопки "Подобрать туры" в форме поиска. Для этого необходимо соответствующим образом настроить модуль Поиск туров - форма поиска.
Необходимая настройка находится в функциональной конфигурации модуля. Необходимо выбрать какая конфигурация будет использоваться в форме, которая должна раскрывать виджет.
Если для формы была задана уникальная конфигурация (прописанная в коде установки формы), можно использовать ее. Если используется конфигурация "по умолчанию", то убедитесь что она не используется в каких-то еще формах, в которых вы не хотите открывать виджет. Если такие формы есть, то необходимо добавить новую функциональную конфигурацию предназначенную для раскрытия виджета - и прописать ее в коде установки формы.
Подробнее процесс настройки функциональной конфигурации описан в разделе - Настройка функциональной конфигурации.
Далее в выбранной функциональной конфигурации необходимо выставить настройку Загрузка результатов в имя вашего виджета ("Виджет: Поиск туров").
Подбронее этот шаг разобран в Виджеты#Настройка модуля Форма поиска.
После применения настроек кнопка "Подобрать туры" в выбранной вами форме поиска будет раскрывать виджет с модулем Поиск туров.
