Создание Слайдера 4.0

Внимание! Если ваш домен не привязан к лицензии, вы сможете установить Слайдер на сайт, но работать он будет в демо-режиме. Вы также можете активировать Тестовую лицензию сроком на 7 дней.

Чтобы создать Слайдер, зайдите в Личный кабинет и в Главном меню откройте раздел «Создать модуль».

Рис. 3.1. В Главном меню откройте раздел «Создать модуль».

На странице выбора типа Модуля нажмите кнопку «Слайдер».

Рис. 3.2. Нажмите кнопку «Слайдер».

Конструктор модулей состоит из четырёх шагов, которые вам необходимо пройти последовательно: «Слайдер», «Контакты», «Дополнительные настройки» и «Внешний вид и код».

Внимание! Выполнение шага «Дополнительные настройки» требует специальных знаний. Некорректное заполнение полей может привести к неправильной работе Слайдера. При первом создании Слайдера мы настоятельно рекомендуем пропустить этот этап. Впоследствии, если вам понадобится индивидуальная настройка, вы сможете вернуться к нему (см. «Дополнительные настройки»). Если у вас возникли проблемы при работе с разделом, пожалуйста, обратитесь в Службу технической поддержки по телефону 8(800)700-33-09 (звонок бесплатный для всех регионов России).  

Слайдер

На этом этапе вам предстоит выбрать город вылета, который Слайдер будет использовать по умолчанию, максимальное количество блоков в Ленте прокрутки и режим отображения – горизонтальный или вертикальный.

Рис. 3.3. Шаг «Слайдер».

Совет: на любом этапе создания Слайдера вы можете переключиться на вкладку «Внешний вид и код», чтобы увидеть, что у вас получается. Все заданные вами настройки при переходе будут автоматически сохранены.

Рис. 3.4. Вкладка «Внешний вид и код».

Откройте выпадающий список «Город вылета по умолчанию» и выберете в нём нужный город.

Рис. 3.5. Выпадающий список «Город вылета по умолчанию».

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

Рис. 3.6. Выпадающий список «Максимальное количество слайдов».

В меню «Вид слайдера» выберите режим отображения слайдов – горизонтальный или вертикальный.

Рис. 3.7. Меню «Внешний вид».

Рис. 3.8-1. Слайдер (вертикальный).

Рис. 3.8-2. Слайдер (горизонтальный). 

Контакты

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

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

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

• Заголовок. Желаемый заголовок блока контактов.
• Телефон. Ваш контактный телефон.
• 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}.

 

Внешний вид и код

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

Внимание! Проверять работу Слайдера необходимо непосредственно на сайте.

Рис. 3.13. Раздел «Код».

В поле «Время смены слайда» установите скорость (в секундах; не более 5 секунд), с которой изображение одного курорта будет сменять другое. Время смены слайда не должно превышать время его показа.

Рис. 3.14. Поле «Время смены слайда».

В поле «Время показа слайда» установите временной отрезок, в течение которого турист будет видеть один слайд (в секундах, не более 20 секунд).

Рис. 3.15. Поле «Время показа слайда».

В полях «Ширина» и «Высота» настройте соответствующие параметры Слайдера. Задайте единицу измерения – пиксели или проценты.

Рис. 3.16. Поле «Ширина».

Рис. 3.17. Поле «Высота».

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

Рис. 3.18. Окно предпросмотра.

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

Внимание! Некоторые CMS некорректно обрабатывают код, оборачивая каждую строку в тег

. В результате такой обработки Слайдер работать не будет. Если вы заметили такую ошибку на вашей CMS, прежде чем копировать код, поставьте галочку в чекбокс «Вывести одной строкой». Рис. 3.19. Чекбокс «Вывести одной строкой». Рис. 3.20-1. Скопируйте полученный код… Рис.3.20-2. …и вставьте его на сайт при помощи HTML-редактора. Если вы хотите переделать Слайдер или создать новый с нуля, кликните по ссылке «Сбросить настройки и начать заново». Чтобы продолжить редактирование текущего Слайдера, просто откройте нужную вкладку. Рис. 3.21. Ссылка «Сбросить настройки и начать заново». Внимание! В целях защиты от СПАМ-атак CMS Joomla автоматически превращает все email-адреса на сайте в java-код. Если ваш сайт работает на этой CMS и вы указываете e-mail в блоке контактов, для корректной работы Модуля разместите перед его кодом строку {emailcloak=off}.