Инструкция

1. Технические требования

Установка скрипта возможна на все самописные сайты и на сайты с CMS, у которых есть доступ к исходному коду сайта. Наличие JQuery выше 3.0.0. В некоторых случаях может потребоваться исправление Z-index и других стилевых ошибок. Не настаиваем, но рекомендуем заказывать пакеты с установкой виджета для сайтов на: Битрикс, Tilda, Joomla и OpenCart.

2. Установка

Для того, чтобы скрипт заработал вам нужно подключить стили в теге head и скрипты в конце тега body вашего html документа.

Файл CSS: wheelStyles.css

Файлы JS: wheelCheck.js, wheelJs.js

После подключения всех скриптов и стилей, Вам нужно скопировать шаблон из файла wheelScriptTemplate.html и вставить в свой html документ.

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

3. Настройка текстов и вероятностей секторов

Настройка текстов и вероятностей секторов производится в файле wheelJs.js на строке 217.

4. Цвета, стили и картинки

Некоторые настройки стилей скрипта находятся в самом начале в файле wheelJs.js.

Если вам нужно поменять шрифт или сделать стили, которых нет в настройках, то вам нужно открыть файл wheelStyles.css

5. Появление

Чтобы настроить позиционирование колеса вам нужно найти в настройках файла wheelJs.js данные опции и подобрать нужные параметры для Вас

6. Включить выключить промокод

Для включения или выключения промокода, Вам нужно перейти в файл wheelCheck.js. В самой первой строке будет опция-переключатель.

7. Мобильная версия

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

8. Изменения адреса отправки заявок

Адрес почты настраивается в файле wheelSend.php. Сохраняя синтаксис, вы можете вписать несколько адресов электронных почт для получения заявок. Первые письма могут попасть в спам (наблюдалось на TimeWeb).

9. Добавление блоков для открытия колеса

Для того, чтобы добавить блок включения колеса, вам нужно добавить блоку класс showWheel.

10. Удаление чекбокса с политикой конфиденциальности (только для тех пользователей, кто разбирается в html и js)

Это не рекомендуется делать, но если вам нужно отключить чекбокс в колесе, то Вам нужно полностью удалить блок с классом checkbox_cont, а также в файле wheelJs.js удалить функцию changeCheckbox, а также ее вызов ниже.

11. Настройка куки (только для тех пользователей, кто разбирается в html и js)

Куки настраиваются в файле wheelJs.js в функции setCookie.