Создание модуля поиска туров 4.0 — различия между версиями

Материал из wiki.Sletat.ru
Перейти к: навигация, поиск
(Код)
 
(не показано 10 промежуточных версий 1 участника)
Строка 1: Строка 1:
 +
[[Category:Модуль поиска туров 4.0]]
 
С помощью '''Генератора модулей''' вы создадите свой [[Модуль поиска туров 4.0]]: настроите оформление и значения по умолчанию для [[Модуль поиска туров 4.0#Форма поиска|Формы поиска]], разместите свои контакты в [[Модуль поиска туров 4.0#Карточка тура|Карточке тура]]. Стандартная настройка модуля займёт около 10 минут.  
 
С помощью '''Генератора модулей''' вы создадите свой [[Модуль поиска туров 4.0]]: настроите оформление и значения по умолчанию для [[Модуль поиска туров 4.0#Форма поиска|Формы поиска]], разместите свои контакты в [[Модуль поиска туров 4.0#Карточка тура|Карточке тура]]. Стандартная настройка модуля займёт около 10 минут.  
  
 
Откройте раздел «Создать модуль» в главном меню Личного кабинета.
 
Откройте раздел «Создать модуль» в главном меню Личного кабинета.
  
[[Файл:Modulegen_menu.png|centre|frame|Раздел «Создать модуль».]]
+
[[Файл:Modulegen_menu.png|thumb|Раздел «Создать модуль».]]
  
 
Нажмите кнопку «Поиск туров».
 
Нажмите кнопку «Поиск туров».
  
[[Файл:Modulegen_mp4.png|centre|frame|Кнопка «Поиск туров.]]
+
[[Файл:Modulegen_mp4.png|thumb|Кнопка «Поиск туров.]]
  
 
Последовательно пройдите четыре шага Генератора модулей: [[#Внешний вид|«Внешний вид»]], [[#Значения по умолчанию|«Значения по умолчанию»]], [[#Контакты|«Контакты»]] и [[#Код|«Код»]].
 
Последовательно пройдите четыре шага Генератора модулей: [[#Внешний вид|«Внешний вид»]], [[#Значения по умолчанию|«Значения по умолчанию»]], [[#Контакты|«Контакты»]] и [[#Код|«Код»]].
Строка 16: Строка 17:
  
 
{| class="standard sAdvice"
 
{| class="standard sAdvice"
|'''Совет:''' на любом этапе создания Модуля вы можете переключиться на вкладку [[#Код|«Код»]], чтобы увидеть, что у вас получается. Генератор сохранит все ваши настройки.
+
|'''Совет.''' На любом этапе создания Модуля вы можете переключиться на вкладку [[#Код|«Код»]], чтобы увидеть, что у вас получается. Генератор сохранит все ваши настройки.
 
|}
 
|}
  
Строка 31: Строка 32:
 
Выберите [[#Тема|тему оформления]] и [[#Тип формы поиска|тип Формы поиска]]. Для отдельных тем задайте дополнительные настройки — радиус скругления углов и цветовую схему.
 
Выберите [[#Тема|тему оформления]] и [[#Тип формы поиска|тип Формы поиска]]. Для отдельных тем задайте дополнительные настройки — радиус скругления углов и цветовую схему.
  
[[Файл:Mp4_modulegen_style.png|centre|frame|Раздел «Внешний вид».]]
+
[[Файл:Mp4_modulegen_style.png|thumb|Раздел «Внешний вид».]]
  
 
=== Тема ===
 
=== Тема ===
Строка 39: Строка 40:
 
* Mac;
 
* Mac;
 
* Simple.
 
* Simple.
 +
 +
Настройка передаётся в параметре [[Модуль поиска туров 4.0#namespace|namespace]].
 +
 +
 +
  
 
<gallery>
 
<gallery>
Строка 46: Строка 52:
 
Файл:mp4_theme_simple.png|Тема «Simple».
 
Файл:mp4_theme_simple.png|Тема «Simple».
 
</gallery>
 
</gallery>
 
Настройка передаётся в параметре [[Модуль поиска туров 4.0#namespace|namespace]].
 
  
 
=== Скругление углов ===
 
=== Скругление углов ===
Строка 53: Строка 57:
 
Для тем «Классическая» и «Mac» выберите радиус скругления углов. Кликните по понравившемуся изображению.
 
Для тем «Классическая» и «Mac» выберите радиус скругления углов. Кликните по понравившемуся изображению.
  
[[Файл:Mp4_modulegen_style_radius.png|centre|frame|Скругление углов.]]
+
[[Файл:Mp4_modulegen_style_radius.png|thumb|Скругление углов.]]
  
 
Настройка передаётся в параметре [[Модуль поиска туров 4.0#radius|radius]].
 
Настройка передаётся в параметре [[Модуль поиска туров 4.0#radius|radius]].
Строка 61: Строка 65:
 
Для темы «Классическая» выберите цветовую схему. Кликните по понравившемуся цвету в палитре.
 
Для темы «Классическая» выберите цветовую схему. Кликните по понравившемуся цвету в палитре.
  
[[Файл:Mp4_modulegen_style_color.png|centre|frame|Цветовая схема.]]
+
[[Файл:Mp4_modulegen_style_color.png|thumb|Цветовая схема.]]
  
 
Настройка передаётся в параметре [[Модуль поиска туров 4.0#theme|theme]].
 
Настройка передаётся в параметре [[Модуль поиска туров 4.0#theme|theme]].
Строка 72: Строка 76:
 
* '''«МИНИ вертикальный».''' Сокращённый вариант Формы, располагающийся на странице вертикально.
 
* '''«МИНИ вертикальный».''' Сокращённый вариант Формы, располагающийся на странице вертикально.
  
[[Файл:Mp4_modulegen_style_formtype.png|centre|frame|Тип формы поиска.]]
+
[[Файл:Mp4_modulegen_style_formtype.png|thumb|Тип формы поиска.]]
  
 
{| class="standard sWarning"   
 
{| class="standard sWarning"   
Строка 94: Строка 98:
 
Задайте значения параметров поиска, которые будут выводиться в [[Модуль поиска туров 5.0|Форме]] по умолчанию. Например, если ваши туристы чаще всего интересуются турами в Египет, установите в качестве направления по умолчанию именно эту страну.
 
Задайте значения параметров поиска, которые будут выводиться в [[Модуль поиска туров 5.0|Форме]] по умолчанию. Например, если ваши туристы чаще всего интересуются турами в Египет, установите в качестве направления по умолчанию именно эту страну.
  
[[Файл:Mp4_modulegen_defaults.png|centre|frame|Раздел «Значения по умолчанию».]]
+
[[Файл:Mp4_modulegen_defaults.png|thumb|Раздел «Значения по умолчанию».]]
  
 
=== Город вылета, направление и курорт ===
 
=== Город вылета, направление и курорт ===
Строка 111: Строка 115:
  
 
Модуль поддерживает три режима настройки даты по умолчанию:
 
Модуль поддерживает три режима настройки даты по умолчанию:
* '''Интервал дат.''' Задайте в календаре начало и конец интервала дат вылета. По умолчанию Модуль будет искать туры на эти даты. Когда заданные даты пройдут, Модуль будет искать туры в скользящем интервале, начинающемся датой поиска. Этот режим удобно использовать, если вы делаете отдельный Модуль для поиска туров на Новый год.
+
* '''Интервал дат.''' Задайте в календаре начало и конец интервала дат вылета. По умолчанию Модуль будет искать туры на эти даты. Когда заданные даты пройдут, Модуль будет искать туры в недельном интервале, начинающемся датой поиска. Этот режим удобно использовать, если вы делаете отдельный Модуль для поиска туров на Новый год.
* '''Точная дата. ''' Задайте в календаре дату, на которую Модуль будет искать туры. Поставьте галочку в чекбокс «+/- 3 дня», чтобы превратить дату в недельный интервал. Когда заданная дата пройдёт, Модуль начнёт искать туры на дату поиска (или в скользящем недельном интервале, начинающемся датой поиска).
+
* '''Точная дата. ''' Задайте в календаре дату, на которую Модуль будет искать туры. Поставьте галочку в чекбокс «+/- 3 дня», чтобы превратить дату в недельный интервал. Когда заданная дата пройдёт, Модуль начнёт искать туры на дату поиска (или в недельном интервале, начинающемся датой поиска).
* '''Скользящий интервал.''' Выберите в выпадающих списках два модификатора, которые Модуль будет прибавлять к дате поиска, чтобы определить начало и конец интервала.
+
* '''Интервал от даты поиска.''' Выберите в выпадающих списках два модификатора, которые Модуль будет прибавлять к дате поиска, чтобы определить начало и конец интервала.
  
 
Выберите режим настройки даты, задайте даты. В выпадающих списках выберите минимальную и максимальную продолжительность тура.
 
Выберите режим настройки даты, задайте даты. В выпадающих списках выберите минимальную и максимальную продолжительность тура.
Строка 120: Строка 124:
 
Файл:Mp4_modulegen_defaults_interval.png|Интервал дат.
 
Файл:Mp4_modulegen_defaults_interval.png|Интервал дат.
 
Файл:Mp4_modulegen_defaults_date.png|Точная дата.
 
Файл:Mp4_modulegen_defaults_date.png|Точная дата.
Файл:Mp4_modulegen_defaults_dateinterval.png|Скользящиий интервал.
+
Файл:Mp4_modulegen_defaults_dateinterval.png|Интервал от даты поиска.
 
Файл:Mp4_modulegen_defaults_interval_date.png|Выбор даты.
 
Файл:Mp4_modulegen_defaults_interval_date.png|Выбор даты.
 
Файл:Mp4_modulegen_defaults_threedays.png|Чекбокс «+/- 3 дня».
 
Файл:Mp4_modulegen_defaults_threedays.png|Чекбокс «+/- 3 дня».
Строка 168: Строка 172:
 
Введите в этом разделе ваши контактные данные. Контакты выводятся в Карточке тура в основном и дополнительном блоке.
 
Введите в этом разделе ваши контактные данные. Контакты выводятся в Карточке тура в основном и дополнительном блоке.
  
[[Файл:Mp5_modulegen_contacts.png|centre|frame|Раздел «Контакты».]]
+
[[Файл:Mp5_modulegen_contacts.png|thumb|Раздел «Контакты».]]
  
 
Заполните все поля формы:
 
Заполните все поля формы:
Строка 201: Строка 205:
 
</source>
 
</source>
  
Присвойте тегам классы стилей. Загрузите CSS-файле с описанием стилей в [[Дополнительные настройки Модуля поиска туров 4.0#Оформление|разделе «Дополнительные настройки»]].
+
Присвойте тегам классы стилей. Загрузите CSS-файле с описанием стилей в [[Дополнительные настройки модуля поиска туров 4.0#Оформление|разделе «Дополнительные настройки»]].
  
 
{| class="standard sWarning"
 
{| class="standard sWarning"
Строка 213: Строка 217:
 
Здесь размещён интерактивный пример Модуля. Вы пройдёте полный цикл поиска и увидите, как ваши настройки влияют на его работу.
 
Здесь размещён интерактивный пример Модуля. Вы пройдёте полный цикл поиска и увидите, как ваши настройки влияют на его работу.
  
[[Файл:Mp4_modulegen_code.png|centre|frame|Раздел «Код».]]
+
[[Файл:Mp4_modulegen_code.png|thumb|Раздел «Код».]]
  
 
{| class="standard sWarning"
 
{| class="standard sWarning"
Строка 219: Строка 223:
 
|}
 
|}
  
Скопируйте код вызова Модуля из окна «Код для вставки на сайт» и вставьте его на свой сайт при помощи HTML-редактора.
+
Скопируйте код вызова Модуля из окна «Код для вставки на сайт» и вставьте его на свой сайт при помощи HTML-редактора. Если вы создаёте Модуль «МИНИ вертикальный», скопируйте отдельный код для вставки [[Модуль поиска туров 4.0#Лента выдачи|Ленты выдачи]].
  
 
<gallery>
 
<gallery>
 
Файл:Mp4_modulegen_code_copy.png|Скопируйте код...
 
Файл:Mp4_modulegen_code_copy.png|Скопируйте код...
 
Файл:Mp4_modulegen_code_paste.png|...и вставьте его на сайт.
 
Файл:Mp4_modulegen_code_paste.png|...и вставьте его на сайт.
 +
Файл:Mp4_modulegen_code_results.png|Код вызова Ленты выдачи.
 
</gallery>
 
</gallery>
 
Если вы создаёте Модуль «МИНИ вертикальный», скопируйте отдельный код для вставки [[Модуль поиска туров 4.0#Лента выдачи|Ленты выдачи]].
 
 
[[Файл:Mp4_modulegen_code_results.png|centre|frame|Код вызова Ленты выдачи.]]
 
  
 
{| class="standard sWarning"
 
{| class="standard sWarning"
 
|'''Внимание!''' Некоторые CMS некорректно обрабатывают код, оборачивая каждую строку в тег <<nowiki />p>. В результате такой обработки Модуль работать не будет. Если вы заметили такую ошибку на вашей CMS, прежде чем копировать код, поставьте галочку в чекбокс «Вывести одной строкой».
 
|'''Внимание!''' Некоторые CMS некорректно обрабатывают код, оборачивая каждую строку в тег <<nowiki />p>. В результате такой обработки Модуль работать не будет. Если вы заметили такую ошибку на вашей CMS, прежде чем копировать код, поставьте галочку в чекбокс «Вывести одной строкой».
 
|}
 
|}
 
[[Файл:Mp4_modulegen_code_oneline.png|centre|frame|Чекбокс «Вывести одной строкой».]]
 
  
 
Если вы хотите переделать Модуль или создать новый с нуля, кликните по ссылке «Сбросить настройки и начать заново». Чтобы продолжить редактирование текущего модуля, просто откройте нужную вкладку.
 
Если вы хотите переделать Модуль или создать новый с нуля, кликните по ссылке «Сбросить настройки и начать заново». Чтобы продолжить редактирование текущего модуля, просто откройте нужную вкладку.
  
[[Файл:Mp4_modulegen_code_reset.png|centre|frame|Ссылка «Сбросить настройки и начать заново».]]
+
<gallery>
 +
Файл:Mp4_modulegen_code_oneline.png|Чекбокс «Вывести одной строкой».
 +
Файл:Mp4_modulegen_code_reset.png|Ссылка «Сбросить настройки и начать заново».
 +
</gallery>
  
 
{| class="standard sWarning"
 
{| class="standard sWarning"
|'''Внимание!''' В целях защиты от СПАМ-атак CMS Joomla автоматически превращает все email-адреса на сайте в код JavaScript. Если ваш сайт работает на этой CMS и вы указываете e-mail в блоке контактов, для корректной работы Модуля разместите перед его кодом строку {emailcloak=off}.
+
|'''Внимание!''' В целях защиты от СПАМ-атак CMS Joomla автоматически превращает все email-адреса на сайте в код JavaScript. Если ваш сайт работает на этой CMS и вы указываете e-mail в блоке контактов, разместите перед кодом вызова Модуля строку {emailcloak=off}.
 
|}
 
|}

Текущая версия на 15:34, 18 декабря 2015

С помощью Генератора модулей вы создадите свой Модуль поиска туров 4.0: настроите оформление и значения по умолчанию для Формы поиска, разместите свои контакты в Карточке тура. Стандартная настройка модуля займёт около 10 минут.

Откройте раздел «Создать модуль» в главном меню Личного кабинета.

Раздел «Создать модуль».

Нажмите кнопку «Поиск туров».

Кнопка «Поиск туров.

Последовательно пройдите четыре шага Генератора модулей: «Внешний вид», «Значения по умолчанию», «Контакты» и «Код».

Внимание! Если вы создаёте Модуль в первый раз, пропустите шаг «Дополнительные настройки». Он предназначен для индивидуальной настройки Модуля; если она вам понадобится, вы вернётесь к разделу позже. Предварительно проконсультируйтесь со Службой технической поддержки: некоторые настройки могут привести к некорректной работе Модуля. Работа с разделом описана в отдельной статье.
Совет. На любом этапе создания Модуля вы можете переключиться на вкладку «Код», чтобы увидеть, что у вас получается. Генератор сохранит все ваши настройки.

Вставьте код вызова Модуля, полученный в разделе «Код», на сайт — туда, где вы хотите разместить Модуль.

Внимание! Для работы с Модулем требуется купить лицензию и привязать её к адресу сайта. Установить Модуль на сайт можно и без лицензии он будет работать в демо-режиме с ограниченным функционалом. Чтобы проверить все возможности Модуля, активируйте тестовую лицензию сроком на неделю.

Если у вас возникли проблемы с созданием Модуля, пожалуйста, обратитесь в Службу технической поддержки по телефону 8(800)700-33-09 (звонок бесплатный для всех регионов России).

Внешний вид

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

Раздел «Внешний вид».

Тема

Выберите одну из трёх тем оформления:

  • Классическая;
  • Mac;
  • Simple.

Настройка передаётся в параметре namespace.



Скругление углов

Для тем «Классическая» и «Mac» выберите радиус скругления углов. Кликните по понравившемуся изображению.

Скругление углов.

Настройка передаётся в параметре radius.

Цветовая схема

Для темы «Классическая» выберите цветовую схему. Кликните по понравившемуся цвету в палитре.

Цветовая схема.

Настройка передаётся в параметре theme.

Тип формы поиска

Выберите тип Формы поиска:

  • «ПРОФИ». Это самая подробная Форма, включающая все возможные параметры поиска.
  • «МИНИ горизонтальный». Это сокращённый вариант Формы, более простой в обращении и занимающий меньше места на странице.
  • «МИНИ вертикальный». Сокращённый вариант Формы, располагающийся на странице вертикально.
Тип формы поиска.
Внимание! Ширина модуля «МИНИ вертикальный» не позволяет размещать Ленту выдачи непосредственно под Формой поиска. Для размещения Ленты выдачи используйте отдельный код. Вы найдёте его во вкладке «Код» в отдельном поле.

Тема «Simple» имеет особую форму поиска.

Настройка передаётся в параметре formType.

Значения по умолчанию

Задайте значения параметров поиска, которые будут выводиться в Форме по умолчанию. Например, если ваши туристы чаще всего интересуются турами в Египет, установите в качестве направления по умолчанию именно эту страну.

Раздел «Значения по умолчанию».

Город вылета, направление и курорт

Выберите город вылета и направление в выпадающих списках. Отметьте галочками нужные курорты.

Настройки передаются в параметрах city, country и resorts.

Дата вылета и продолжительность тура

Модуль поддерживает три режима настройки даты по умолчанию:

  • Интервал дат. Задайте в календаре начало и конец интервала дат вылета. По умолчанию Модуль будет искать туры на эти даты. Когда заданные даты пройдут, Модуль будет искать туры в недельном интервале, начинающемся датой поиска. Этот режим удобно использовать, если вы делаете отдельный Модуль для поиска туров на Новый год.
  • Точная дата. Задайте в календаре дату, на которую Модуль будет искать туры. Поставьте галочку в чекбокс «+/- 3 дня», чтобы превратить дату в недельный интервал. Когда заданная дата пройдёт, Модуль начнёт искать туры на дату поиска (или в недельном интервале, начинающемся датой поиска).
  • Интервал от даты поиска. Выберите в выпадающих списках два модификатора, которые Модуль будет прибавлять к дате поиска, чтобы определить начало и конец интервала.

Выберите режим настройки даты, задайте даты. В выпадающих списках выберите минимальную и максимальную продолжительность тура.

Настройки передаются в параметрах date, date1, date2, dateOffset, dateRange, threeDays, nightsMin и nightsMax.

Количество туристов и возраст детей

Выберите количество туристов (взрослых и детей) в выпадающем списке. Для каждого ребёнка задайте возраст.

Настройки передаются в параметрах adults, kids, kid1, kid2 и kid3.

Цена

Введите минимальную, максимальную цену тура и валюту выдачи. Отметьте галочками валюты, которые турист сможет выбрать.

Настройки передаются в параметрах priceMin, priceMax, currency и disabledCurrencies.

Отель

Отметьте галочками категории отеля, типы питания и конкретные отели.

Настройки передаются в параметрах minHotelCategory, minHotelRating, meals и hotels.

Контакты

Введите в этом разделе ваши контактные данные. Контакты выводятся в Карточке тура в основном и дополнительном блоке.

Раздел «Контакты».

Заполните все поля формы:

  • Заголовок. Желаемый заголовок блока контактов.
  • Телефон. Ваш контактный телефон.
  • E-mail. Ваш контактный e-mail.
  • Ссылка на логотип. Укажите в этом поле ссылку на файл с вашим логотипом.
  • Дополнительная информация. Короткий текст о вашем агентстве, часы работы или пожелание для клиента.

Настройки передаются в параметрах agencyContact1 и agencyContact2.

Заполняя поле «Дополнительная информация», вы можете использовать HTML-теги:

<abbr>
<acronym>
<address>
<big>
<blink>
<blockquote>
<cite>
<em>
<h4>
<h5>
<h6>
<p>
<q>
<small>
<strong>
<sub>
<sup>

Присвойте тегам классы стилей. Загрузите CSS-файле с описанием стилей в разделе «Дополнительные настройки».

Внимание! В целях защиты от СПАМ-атак CMS Joomla превращает все email-адреса на сайте в код javascript. Если ваш сайт работает на этой CMS и вы указываете e-mail в блоке контактов, для корректной работы Модуля разместите перед его кодом строку {emailcloak=off}.

Код

В этом разделе вы получите код для вставки на сайт.

Здесь размещён интерактивный пример Модуля. Вы пройдёте полный цикл поиска и увидите, как ваши настройки влияют на его работу.

Раздел «Код».
Внимание! Проверяйте работу Модуля непосредственно на вашем сайте.

Скопируйте код вызова Модуля из окна «Код для вставки на сайт» и вставьте его на свой сайт при помощи HTML-редактора. Если вы создаёте Модуль «МИНИ вертикальный», скопируйте отдельный код для вставки Ленты выдачи.

Внимание! Некоторые CMS некорректно обрабатывают код, оборачивая каждую строку в тег <p>. В результате такой обработки Модуль работать не будет. Если вы заметили такую ошибку на вашей CMS, прежде чем копировать код, поставьте галочку в чекбокс «Вывести одной строкой».

Если вы хотите переделать Модуль или создать новый с нуля, кликните по ссылке «Сбросить настройки и начать заново». Чтобы продолжить редактирование текущего модуля, просто откройте нужную вкладку.

Внимание! В целях защиты от СПАМ-атак CMS Joomla автоматически превращает все email-адреса на сайте в код JavaScript. Если ваш сайт работает на этой CMS и вы указываете e-mail в блоке контактов, разместите перед кодом вызова Модуля строку {emailcloak=off}.