Раскрытие результатов поиска во всплывающем окне — различия между версиями

Версия 11:07, 7 июня 2015

Часто клиенты, заказавшие себе одностраничные сайты предпочитают чтобы модуль результаты поиска (или же весь модуль Поиск туров) раскрывался во всплывающем окне.

Выглядит это следующим образом:

Модуль "Поиск туров" показанный во всплывающем окне

На странице сайта установлен модуль Форма поиска. При нажатии в форме поиска на кнопку "Подобрать туры", появляется всплывающее окно, содержащее модуль Поиск туров.

Модуль Поиск туров включает в себя Форму поиска и Результаты поиска. Можно раскрывать во всплывающем окне только Результаты поиска, но далее мы рассмотрим раскрытие всего модуля, т.к. это наиболее общий случай.

Для создания данного эффекта используется механизм TourClient называемый Виджеты.

Настройка состоит из следущих шагов:

1. Получение кода устаноки для модулей Поиск туров - форма поиска и Поиск туров - результаты поиска
2. Создание Виджета "Поиск туров"
3. Настройка модуля Поиск туров - форма поиска

Получение кода установки модулей

Модуль Поиск тура, состоит из двух модулей:

• Поиск туров - форма поиска
• Поиск туров - результаты поиска

Для каждого из них необходимо сгенерировать Код установки модуля. Подробнее процесс генерации описан в разделе Установка модуля.

Перед генерацией кода необходимо выполнить настройки модулей. В минимальном варианте необходимо настроить визуальную конфигурацию, т.е. определить "как модули будут выглядеть". Подробнее процесс настройки описан в разделе Настройка визуальной конфигурации.

В примере использовались:

• Эксклюзивная вертикальная стандартная - форма поиска
• Эксклюзивные краткие, с группировкой по отелю - результаты поиска

Визуальная конфигурация названа - 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 для установки формы поиска в левой колонке.

Настройка модуля Форма поиска

Виджет "Результаты поиска" должен появляться по нажатию кнопки "Подобрать туры" в форме поиска. Для этого необходимо соответствующим образом настроить модуль Поиск туров - форма поиска.

Необходимая настройка находится в функциональной конфигурации модуля. Убедитесь что функциональная конфигурация, установленная для формы на той странице где будет открываться виджет, более нигде на сайте не используется. Если она используется еще для каких-то форм (например задана по умолчанию) и вы не хотите чтобы в тех формах открывался виджет, необходимо добавить новую конфигурацию для раскрытия виджета, и прописать ее в коде установки формы поиска на нужной странице.

Подробнее процесс настройки функциональной конфигурации описан в разделе - Настройка функциональной конфигурации.