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

Материал из wiki.Sletat.ru
Перейти к: навигация, поиск
Строка 1: Строка 1:
 
[[Category:Слайдер 4.0]]
 
[[Category:Слайдер 4.0]]
Внимание! Если ваш домен не привязан к лицензии, вы сможете установить Слайдер на сайт, но работать он будет в демо-режиме. Вы также можете активировать Тестовую лицензию сроком на 7 дней.
+
С помощью '''Генератора модулей''' вы создадите свой [[Слайдер 4.0]]: настроите оформление и [[#Слайдер|режим показа]], разместите свои контакты в [[Слайдер 4.0#Карточка тура|Карточке тура]]. Стандартная настройка модуля займёт около 10 минут.  
  
Чтобы создать Слайдер, зайдите в Личный кабинет и в Главном меню откройте раздел «Создать модуль».
+
Откройте раздел «Создать модуль» в главном меню Личного кабинета.
  
Рис. 3.1. В Главном меню откройте раздел «Создать модуль».
+
[[Файл:Modulegen_menu.png|thumb|Раздел «Создать модуль».]]
  
На странице выбора типа Модуля нажмите кнопку «Слайдер».
+
Нажмите кнопку «Слайдер».
  
+
[[Файл:Modulegen_slider.png|thumb|Кнопка «Слайдер».]]
Рис. 3.2. Нажмите кнопку «Слайдер».
+
  
Конструктор модулей состоит из четырёх шагов, которые вам необходимо пройти последовательно: «Слайдер», «Контакты», «Дополнительные настройки» и «Внешний вид и код».
+
Последовательно пройдите три шага Генератора модулей: [[#Слайдер|«Слайдер»]], [[#Контакты|«Контакты»]] и [[#Внешний вид и код|«Внешний вид и код»]].
  
Внимание! Выполнение шага «Дополнительные настройки» требует специальных знаний. Некорректное заполнение полей может привести к неправильной работе Слайдера. При первом создании Слайдера мы настоятельно рекомендуем пропустить этот этап. Впоследствии, если вам понадобится индивидуальная настройка, вы сможете вернуться к нему (см. «Дополнительные настройки»). Если у вас возникли проблемы при работе с разделом, пожалуйста, обратитесь в Службу технической поддержки по телефону 8(800)700-33-09 (звонок бесплатный для всех регионов России).
+
{| class="standard sWarning"
 +
|'''Внимание!''' Если вы создаёте Слайдер в первый раз, пропустите шаг «Дополнительные настройки». Он предназначен для индивидуальной настройки Слайдера; если она вам понадобится, вы вернётесь к разделу позже. Предварительно проконсультируйтесь со Службой технической поддержки: некоторые настройки могут привести к некорректной работе Слайдера. Работа с разделом описана в [[Дополнительные настройки Слайдера 4.0|отдельной статье]].
 +
|}
 +
 
 +
{| class="standard sAdvice"
 +
|'''Совет.''' На любом этапе создания Слайдера вы можете переключиться на вкладку «Внешний вид и код», чтобы увидеть, что у вас получается. Генератор сохранит все ваши настройки.
 +
|}
 +
 
 +
В разделе «Внешний вид и код» вы получите готовый код вызова Слайдера. Вставьте его на сайт — туда, где вы хотите разместить Модуль.
 +
 
 +
{| class="standard sWarning"
 +
|'''Внимание!''' Для работы с Модулем требуется купить лицензию и [[Лицензия#Привязка домена к лицензии|привязать её к адресу сайта]]. Установить Модуль на сайт можно и без  лицензии он будет работать в [[Лицензия#Работа Модуля в демо-режиме|демо-режиме]] с ограниченным функционалом. Чтобы проверить все возможности Модуля, активируйте [[Лицензия#Активация тестовой лицензии|тестовую лицензию]] сроком на неделю.  
 +
|}
 +
 
 +
Если у вас возникли проблемы с созданием Модуля, пожалуйста, обратитесь в Службу технической поддержки по телефону '''8(800)700-33-09''' (звонок бесплатный для всех регионов России).
 
 
 
== Слайдер ==
 
== Слайдер ==

Версия 03:37, 24 февраля 2016

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

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

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

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

Кнопка «Слайдер».

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

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

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

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

Если у вас возникли проблемы с созданием Модуля, пожалуйста, обратитесь в Службу технической поддержки по телефону 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}.