Раскрытие результатов поиска во всплывающем окне — различия между версиями
Jeka (обсуждение | вклад) (→Получение кода установки модулей) |
Jeka (обсуждение | вклад) м (→Создание виджета "Поиск туров") |
||
| (не показаны 30 промежуточные версии 1 участника) | |||
| Строка 2: | Строка 2: | ||
Выглядит это следующим образом: | Выглядит это следующим образом: | ||
| − | [[Файл:Widget tour | + | [[Файл:Widget tour search3.png|none|200px|thumb|left|Модуль "Поиск туров" показанный во всплывающем окне]] |
| − | + | Действующий пример можно посмотреть на проекте [http://27.demotravel.ru/ DemoTravel]. | |
| + | |||
| + | |||
| + | На странице сайта установлен модуль [[Поиск туров - форма поиска|Форма поиска]]. При нажатии в форме поиска на кнопку "Подобрать туры", появляется всплывающее окно, содержащее модуль Поиск туров. | ||
| + | |||
| + | Модуль Поиск туров включает в себя [[Поиск туров - форма поиска|Форму поиска]] и [[Поиск туров - результаты поиска|Результаты поиска]]. Можно раскрывать во всплывающем окне только [[Поиск туров - результаты поиска|Результаты поиска]], но далее мы рассмотрим раскрытие всего модуля, т.к. это наиболее общий случай. | ||
| Строка 30: | Строка 35: | ||
* Эксклюзивная вертикальная стандартная - форма поиска | * Эксклюзивная вертикальная стандартная - форма поиска | ||
* Эксклюзивные краткие, с группировкой по отелю - результаты поиска | * Эксклюзивные краткие, с группировкой по отелю - результаты поиска | ||
| + | |||
| + | Визуальная конфигурация названа - widget. | ||
При необходимости также настраивается функциональная конфигурация. Описание в соответствующем разделе [[Настройка функциональной конфигурации]]. | При необходимости также настраивается функциональная конфигурация. Описание в соответствующем разделе [[Настройка функциональной конфигурации]]. | ||
| + | |||
| + | <br> | ||
== Создание виджета "Поиск туров" == | == Создание виджета "Поиск туров" == | ||
| + | Работа с виджетами описана в разделе [[Виджеты]]. | ||
| + | |||
| + | Необходимо добавить новый виджет. В примере ему задано имя "Поиск туров". | ||
| + | |||
| + | |||
| + | В поле "Содержимое" данного виджета необходимо прописать [[Код установки модуля|коды установки модулей]], полученные на предыдущем шаге. | ||
| + | |||
| + | В случае если Форма поиска и Результаты поиска располагаются друг под другом, достаточно просто последовательно ввести их коды: | ||
| + | <source lang="html4strict"> | ||
| + | <!--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--> | ||
| + | </source> | ||
| + | |||
| + | |||
| + | В случае если Форма поиска располагается слева (как в примере), потребуется специальная [[HTML|HTML-разметка]]. | ||
| + | |||
| + | Вы можете использовать наш вариант - [[Раскрытие_результатов_поиска_во_всплывающем_окне/HTML_для_установки_формы_поиска_в_левой_колонке|HTML для установки формы поиска в левой колонке]]. | ||
| + | |||
| + | <br> | ||
== Настройка модуля Форма поиска == | == Настройка модуля Форма поиска == | ||
| + | Виджет "Результаты поиска" должен появляться по нажатию кнопки "Подобрать туры" в форме поиска. Для этого необходимо соответствующим образом настроить модуль [[Поиск туров - форма поиска]]. | ||
| + | |||
| + | Необходимая настройка находится в функциональной конфигурации модуля. Необходимо выбрать какая конфигурация будет использоваться в форме, которая должна раскрывать виджет. | ||
| + | Если для формы была задана уникальная конфигурация (прописанная в [[Код установки модуля|коде установки формы]]), можно использовать ее. Если используется конфигурация "по умолчанию", то убедитесь что она не используется в каких-то еще формах, в которых вы не хотите открывать виджет. Если такие формы есть, то необходимо добавить новую функциональную конфигурацию предназначенную для раскрытия виджета - и прописать ее в [[Код установки модуля|коде установки]] формы. | ||
| + | |||
| + | |||
| + | Подробнее процесс настройки функциональной конфигурации описан в разделе - [[Настройка функциональной конфигурации]]. | ||
| + | |||
| + | Далее в выбранной функциональной конфигурации необходимо выставить настройку [[Поиск_туров_-_форма_поиска/Настройки/Загрузка_результатов|Загрузка результатов]] в имя вашего виджета ("Виджет: Поиск туров"). | ||
| + | Подбронее этот шаг разобран в [[Виджеты#.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D0.BC.D0.BE.D0.B4.D1.83.D0.BB.D1.8F_.D0.A4.D0.BE.D1.80.D0.BC.D0.B0_.D0.BF.D0.BE.D0.B8.D1.81.D0.BA.D0.B0|Виджеты#Настройка модуля Форма поиска]]. | ||
| + | |||
| + | |||
| + | После применения настроек кнопка "Подобрать туры" в выбранной вами форме поиска будет раскрывать виджет с модулем Поиск туров. | ||
| + | |||
[[Категория:Полезная информация]] | [[Категория:Полезная информация]] | ||
Текущая версия на 11:31, 7 июня 2015
Часто клиенты, заказавшие себе одностраничные сайты предпочитают чтобы модуль результаты поиска (или же весь модуль Поиск туров) раскрывался во всплывающем окне.
Выглядит это следующим образом:
Действующий пример можно посмотреть на проекте 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 для установки формы поиска в левой колонке.
Настройка модуля Форма поиска
Виджет "Результаты поиска" должен появляться по нажатию кнопки "Подобрать туры" в форме поиска. Для этого необходимо соответствующим образом настроить модуль Поиск туров - форма поиска.
Необходимая настройка находится в функциональной конфигурации модуля. Необходимо выбрать какая конфигурация будет использоваться в форме, которая должна раскрывать виджет.
Если для формы была задана уникальная конфигурация (прописанная в коде установки формы), можно использовать ее. Если используется конфигурация "по умолчанию", то убедитесь что она не используется в каких-то еще формах, в которых вы не хотите открывать виджет. Если такие формы есть, то необходимо добавить новую функциональную конфигурацию предназначенную для раскрытия виджета - и прописать ее в коде установки формы.
Подробнее процесс настройки функциональной конфигурации описан в разделе - Настройка функциональной конфигурации.
Далее в выбранной функциональной конфигурации необходимо выставить настройку Загрузка результатов в имя вашего виджета ("Виджет: Поиск туров").
Подбронее этот шаг разобран в Виджеты#Настройка модуля Форма поиска.
После применения настроек кнопка "Подобрать туры" в выбранной вами форме поиска будет раскрывать виджет с модулем Поиск туров.
