Документация: Кнопка YouTube для Joomla

В списке модулей найдите «IWS.BY Кнопка YouTube». Нажмите на название модуля, перед вами откроется страница с доступными настройками. Рассмотрим каждое поле ниже.

Основные настройки модуля

• Лицензионный ключ. В поле необходимо ввести лицензионный ключ, полученный на сайта IWS.BY. Без лицензионного ключа в данном поле модуль не сможет получить доступ к серверу обновлений и автоматически обновляться.
• Тип кнопки. Опция задает тип кнопки. «Кнопка» - на странице сайта будет просто кнопка. «Карточка» - по нажатию на кнопку будет появляться всплывающее окно с информацией о канале и кнопкой, нажав на которую будет открыта страница канала в YouTube. «Список» - по нажатию на кнопку будет появляться всплывающее окно, в котором будет список каналов, которые доступны в YouTube. «Визитка» — статический блок с информацией о канале, который доступен в YouTube.
• Атрибут открытия ссылки. Опция отвечает за открытие ссылки в браузере у посетителя сайта. Возможны два варианта: по нажатию на кнопку ссылка откроется в новом окне и по нажатию на кнопку ссылка откроется в текущем окне браузера.
• REL атрибут ссылки. Опция отвечает за описание ссылки для поисковых роботов.
  «Nofollow» - атрибут запрещает переход поисковым роботам по ссылке.
  «Noreferrer» - атрибут запрещает передачу ссылке источника перехода (вашего сайта).

Настройки плавающей кнопки

• Размер кнопки. Поле отвечает за размер кнопки, задаёт высоту и ширину кнопки. Указывается числом в пикселях.
• Цвет фона. Опция указывает фоновый цвет плавающей кнопки. Указывается в формате HEX.
• Цвет иконки. Опция указывает цвет иконки на плавающей кнопке. Указывается в формате HEX.
• Расположение кнопки. Опция отвечает за расположение плавающей кнопки относительно экрана посетителя сайта. Доступны два варианта: левая и правая сторона. Кнопка будет прижата к нижней части сайта.
• Отступ справа. Поле задает расстояние между кнопкой и правой частью экрана посетителя сайта. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Расположение кнопки» выбрано значение «Справа».
• Отступ слева. Поле задает расстояние между кнопкой и левой частью экрана посетителя сайта. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Расположение кнопки» выбрано значение «Слева».
• Отступ снизу. Поле задает расстояние между кнопкой и нижней частью экрана посетителя сайта. Указывается числом в пикселях.
• Уровень слоя. В поле необходимо заполнить уровень слоя, на котором будет доступна кнопка относительно всех элементов сайта. Аналог свойства в CSS: z-index.

Настройки границы

• Включить границу?. Опция отвечает за активацию границы вокруг виджета кнопки. Если выбрано значение «Да», то настройки к рамке будут применяться из настроек ниже.
• Ширина границы. В поле заполняется ширина рамки. Указывается числом в пикселях. Аналог свойство CSS: border-width.
• Стиль границы. Опция отвечает за стиль рамки вокруг кнопки. Доступно четыре стиля рамок: сплошная, пунктирная, точками и двойной линией.
• Цвет границы. Опция задает цвет рамки вокруг кнопки виджета. Указывается в формате HEX.

Настройки анимации

• Включить анимацию?. Опция отвечает за активацию анимации кнопки. Если выбрано значение «Да», то будет применяться анимацию из поля ниже.
• Тип анимации. Опция отвечает за тип анимации, которая будет применяться к кнопке. Доступны четыре вариант анимации: кнопка пульсирует, кнопка подпрыгивает, кнопка двигается и иконка вращается.
• Продолжительность. Задаёт продолжительность в секундах воспроизведение цикла анимации.
• Длина пульсации. Устанавливает длину максимальной точки пульсации от кнопки. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Тип анимации» выбрано значение «Кнопка пульсирует».
• Высота прыжка. Устанавливает высоту максимального прыжка кнопки. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Тип анимации» выбрано значение «Кнопка прыгает».
• Ширина движения. Устанавливает максимальную горизонтальную точку движения кнопки. Указывается числом в пикселях. Значение из этого поля применяется, если в поле «Тип анимации» выбрано значение «Кнопка двигается».

Режим «Кнопка»

Чтобы настройки режима «Кнопка» применялись, необходимо в первой вкладке настроек модуля, в поле «Тип кнопки» выбрать значение «Кнопка». После этого в настройках модуля переключитесь на вкладку «Режим «Кнопка»».

• Ссылка YouTube. В поле нужно ввести прямую ссылку на канал YouTube.
  Пример ссылки: https://www.youtube.com/@iwsby
• Вид кнопки. Опция отвечает за вид кнопки, которая будет показана на странице. Доступно два вида кнопки. «Плавающая кнопка» - на странице сайта будет кнопка, которая будет располагаться относительно экрана посетителя сайта. «Статическая кнопка» - кнопка будет закреплена на указанной позиции модуля в виде статического блока.
• Включить внешние отступы?. Если выбрано значение «Да», ток кнопке будут применяться внешние отступы из настроек ниже.
• Внешний отступ сверху. Поле отвечает за расстояние между кнопкой и ближайшим объектом сверху. Указывается числом.
• Внешний отступ справа. Поле отвечает за расстояние между кнопкой и ближайшим объектом справа. Указывается числом.
• Внешний отступ снизу. Поле отвечает за расстояние между кнопкой и ближайшим объектом снизу. Указывается числом.
• Внешний отступ слева. Поле отвечает за расстояние между кнопкой и ближайшим объектом слева. Указывается числом.
• Единица измерения внешнего отступа. Опция отвечает за тип единицы измерения, применяемой к внешнему отступа от кнопки. Может быть: px, %, em.

Настройки виджета статуса

• Включить статус?. Если выбрано значение «Да», то в настройках ниже появятся опции, позволяющие настроить время доступности для статуса.
• График работы. Группа опций, позволяющая настроить график статуса оператора в сети. Настроить статусы можно на каждый день недели. Ниже будут описаны поля для одного дня недели. Поля повторяются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то оператор будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус оператора будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого оператор будет не доступен, статус будет «Не в сети».

• Цвет статуса «В сети». Задаёт цвет фона объекта, который отвечает за статус на кнопке, когда он находится в сети. Указывается в формате HEX.
• Цвет статуса «Не в сети». Задаёт цвет фона объекта, который отвечает за статус на кнопке, когда он находится не в сети. Указывается в формате HEX.
• Ширина виджета. Поле задаёт ширину объекта, который отвечает за статус на кнопке. Указывается числом в пикселях.
• Отступ справа. Отвечает за отступ с правой стороны до объекта, который отвечает за статус на кнопке. Указывается числом в пикселях.
• Отступ сниху. Отвечает за отступ с нижней стороны до объекта, который отвечает за статус на кнопке. Указывается числом в пикселях.
• Включить эффект, если статус не в сети. Если выбрано значение «Да», то к кнопке в случае, если статус не в сети, будут применяться значения из настроек ниже.
• Цвет фона кнопки, если статус не в сети. Цвет фона будет применяться к кнопке, когда статус будет не в сети. Указывается в формате HEX.
• Цвет иконки, если статус не в сети. Цвет будет применяться к иконке на кнопке, когда статус будет не в сети. Указывается в формате HEX.

Режим «Карточка»

Чтобы настройки режима «Карточка» применялись, необходимо в первой вкладке настроек модуля, в поле «Тип кнопки» выбрать значение «Карточка». После этого в настройках модуля переключитесь на вкладку «Режим «Карточка»».

Основные настройки

• Ссылка YouTube. В поле нужно ввести прямую ссылку на канал YouTube.
  Пример ссылки: https://www.youtube.com/@iwsby
• Дизайн окна. Опция отвечает за дизайн всплывающего окна. Имеется три вариант цветового дизайна: светлый, тёмный и пользовательский. Пользовательский откроет дополнительные настройки, с помощью которых можно будет настроить собственную цветовую гамму под дизайн вашего сайта.
• Изображение. Задаёт изображение для карточки. Рекомендуется использовать квадратное изображение, так как оно будет отображаться в круге, в верхней части виджета.
• Название. Задаёт название канала в карточке. Название отображается справа от изображения в верхней части виджета.
• Категория. Задаёт категорию, к которой относится ваш канал. Категория отображается справа от изображения, под названием в верхней части виджета.
• Сообщение. Сообщение, которое будет отображаться в центральной части виджета.
• Название кнопки. Поле задает текст для кнопки в нижней части виджета.
• Включить иконку?. Если выбрано значение «Да», то иконка звонка появится рядом с названием на кнопке.
• Размер иконки. Поле отвечает за ширину и высоту иконки. Указывается числом в пикселях.

Настройки статуса

• Включить статус?. Если выбрано значение «Да», то в режиме «Карточка» будет показываться статус. Для настроек статуса необходимо заполнить рабочее время менеджера по дням недели. Поля ниже будут описаны для одного дня недели. Такие поля настроек имеются для каждого дня недели.
• Автовыключение. Если выбрано значение «Да», то к кнопке будет применяться эффекты, когда статус не в сети.
• График работы. Группа опций, позволяющая настроить график статуса в сети. Настроить статусы можно на каждый день недели. Ниже будут описаны поля для одного дня недели. Поля повторяются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то статус «В сети» будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого статус будет не доступен, статус будет «Не в сети».

• Сообщение, если статус не в сети. Сообщение, которое будет показываться в виджете, если статус «Не в сети».

Статус на плавающей кнопке

• Цвет статуса «в сети». Опция задаёт цвет виджета, когда статус в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Опция задаёт цвет виджета, когда статус не в сети. Указывается в формате HEX.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом. Указывается числом в пикселях.
• Отступ справа. Поле отвечает за расстояние с правой стороны до объекта, который показывает статус. Указывается числом в пикселях.
• Отступ снизу. Поле отвечает за расстояние с нижней стороны до объекта, который показывает статус. Указывается числом в пикселях.

Статус на шапке виджета

• Включить статус на шапке?. Если выбрано значение «Да», то в окне виджета в верхней части будет показан статус.
• Цвет статуса «в сети». Опция задаёт цвет виджета, когда статус «В сети». Указывается в формате HEX.
• Цвет статуса «не в сети». Опция задаёт цвет виджета, когда статус «Не в сети». Указывается в формате HEX.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом. Указывается числом в пикселях.
• Статус оператора «в сети». Текст статуса «В сети».
• Статус оператора «не в сети». Текст статуса «Не в сети».

Настройки собственного дизайна

• Цвет фона шапки. Опция задаёт фоновый цвет верхней части виджета, на которой отображены данные. Указывается в формате HEX.
• Цвет названия. Опция задаёт цвет названия в верхней части виджета. Указывается в формате HEX.
• Цвет категории. Опция задаёт цвет категории в верхней части виджета. Указывается в формате HEX.
• Цвет статуса. Опция задаёт цвет статуса в верхней части виджета. Указывается в формате HEX.
• Цвет иконки закрытия. Опция задаёт цвет иконки в верхней части виджета, закрывающей окно виджета. Указывается в формате HEX.
• Цвет иконки закрытия при наведении. Опция задаёт цвет иконки в верхней части виджета, закрывающей окно виджета, при наведении на неё курсором мыши. Указывается в формате HEX.
• Цвет фона контента. Опция задаёт фоновый цвет центральной части виджета, на которой отображено сообщение. Указывается в формате HEX.
• Цвет фона сообщения. Опция задаёт фоновый цвет сообщения в центральной части виджета. Указывается в формате HEX.
• Цвет сообщения. Опция задаёт цвет текста сообщения в центральной части виджета. Указывается в формате HEX.
• Цвет фона подвала. Опция задаёт фоновый цвет нижней части виджета, на которой расположена кнопка. Указывается в формате HEX.
• Цвет фона кнопки. Опция задаёт фоновый цвет кнопки в нижней части виджета. Указывается в формате HEX.
• Цвет фона кнопки при наведении. Опция задаёт фоновый цвет кнопки в нижней части виджета, при наведении на неё курсором мыши. Указывается в формате HEX.
• Цвет текста на кнопке. Опция задаёт цвет текста на кнопке в нижней части виджета. Указывается в формате HEX.
• Цвет текста на кнопке при наведении. Опция задаёт цвет текста на кнопке в нижней части виджета, при наведении на неё курсором мыши. Указывается в формате HEX.
• Цвет иконки на кнопке. Опция задаёт цвет иконки на кнопке в нижней части виджета. Указывается в формате HEX.
• Цвет иконки на кнопке при наведении. Опция задаёт цвет иконки на кнопке в нижней части виджета, при наведении на неё курсором мыши. Указывается в формате HEX.
• Цвет кнопки, если не в сети. Опция задаёт цвет кнопки в нижней части виджета, когда статус не в сети. Указывается в формате HEX.
• Цвет кнопки, если не в сети, при наведении. Опция задаёт цвет кнопки в нижней части виджета, когда статус не в сети, при наведении на кнопку курсором мыши. Указывается в формате HEX.
• Цвет текста кнопки, если не в сети. Опция задаёт цвет текста на кнопке в нижней части виджета, когда статус не в сети. Указывается в формате HEX.
• Цвет текста кнопки, если не в сети, при наведении. Опция задаёт цвет текста на кнопке в нижней части виджета, когда статус не в сети, при наведении на кнопку курсором мыши. Указывается в формате HEX.
• Цвет иконки на кнопке, если не в сети. Опция задаёт цвет иконки на кнопке в нижней части виджета, когда статус не в сети. Указывается в формате HEX.
• Цвет иконки на кнопке, если не в сети, при наведении. Опция задаёт цвет иконки на кнопке в нижней части виджета, когда статус не в сети, при наведении на кнопку курсором мыши. Указывается в формате HEX.

Настройки типографии

• Настроить типографию?. Если выбрано значение «Да», то в режиме «Карточка» будет включена возможность настроить типографию всех текстовых элементов.

Далее будет расписана одна группа полей. Такие группы полей можно настроить для: названия, категории, статус в шапке, сообщения, кнопка чата и кнопка чата при наведении.

• Размер текста. Отвечает за размер текста у настраиваемого элемента. Аналог свойства в CSS: font-size.
• Единица измерения текста. Единица измерения, которая будет применяться к размеру текста. Можно выбрать px, %, em и rem.
• Высота строк. Отвечает за высоту строк текста у настраиваемого элемента. Аналог свойства в CSS: line-height.
• Единица измерения высоты строк. Единица измерения, которая будет применяться к высоте строк. Можно выбрать px, %, em и rem.
• Толщина текста. Опция задаёт толщину текста. Возможно выбрать значение от 100 до 900. Аналог свойства в CSS: font-weight.
• Трансформация текста. Опция задаёт регистр текстового элемента. Может быть: первые буквы заглавными, строчным, верхний регистр и без изменения регистра. Аналог свойства в CSS: text-transform.
• Оформление текста. Опция устанавливает оформление текстового элемента. Может быть: без оформления, подчёркнутый, линия над текстом и перечёркнутый. Аналог свойства в CSS: text-decoration.

Режим «Список»

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

Основные настройки

• Дизайн окна. Опция отвечает за дизайн всплывающего окна. Имеется три вариант цветового дизайна: светлый, тёмный и пользовательский. Пользовательский откроет дополнительные настройки, с помощью которых можно будет настроить собственную цветовую гамму под дизайн вашего сайта.
• Название окна. В поле нужно ввести название окна, которое вы хотите, чтобы показывалось в верхней части всплывающего окна слева.
• Описание окна. В поле вводится описание окна, которое вы хотите, чтобы показывалось в верхней части всплывающего окна слева под названием окна.
• Список ссылок. Опция отвечает за добавление списка ссылок, которые будут отображены в всплывающем окне. В инструкции мы опишем группу полей к одной ссылке. Добавление других ссылок одинаково.

• Изображение. Задаёт изображение для ссылки. Рекомендуется использовать квадратное изображение, так как оно будет отображаться в круге слева от названия и категории.
• Название. Задаёт название ссылки. Название отображается справа от изображения.
• Категория. Задаёт категорию ссылки. Категория отображается справа от изображения, под названием.
• Ссылка YouTube. В поле нужно ввести прямую ссылку на канал YouTube.

Пример ссылки: https://www.youtube.com/@iwsby

• График работы. Настройки отвечают за статус агента. Настройки графика работы для каждого агента отдельные. Указываются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то ссылке будет доступен этот день недели и будет назначаться её статус.
• Начало рабочего дня. Указывается время, начиная с которого статус будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого статус будет «Не в сети».

Настройки статуса

• Включить агентов?. Если выбрано значение «Да», то в режиме «Список» будет показываться статус. Для настроек статуса необходимо заполнить рабочее время по дням недели. Настройки рабочего времени происходят в форме добавления списка ссылок выше.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом. Указывается числом в пикселях.
• Цвет статуса «в сети». Отвечает за цвет фона объекта, когда статус в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Отвечает за цвет фона объекта, когда статус не в сети. Указывается в формате HEX.
• Статус агента в сети. Текст статуса, когда статус в сети.
• Статус агента не в сети. Текст статуса, когда статус не в сети.
• Включить эффект, когда не в сети?. Если выбрано значение «Да», то к изображению ссылки, которая не в сети, будет применяться эффект серого цвета.

Настройки собственного дизайна

• Цвет фона шапки. Опция задаёт фоновый цвет верхней части виджета. Указывается в формате HEX.
• Цвет названия окна. Опция задаёт цвет названия всплывающего окна в верхней части виджета. Указывается в формате HEX.
• Цвет описания окна. Опция задаёт цвет описания всплывающего окна в верхней части виджета. Указывается в формате HEX.
• Цвет иконки закрытия. Опция задаёт цвет иконки в верхней части виджета, закрывающей окно виджета. Указывается в формате HEX.
• Цвет иконки закрытия при наведении. Опция задаёт цвет иконки в верхней части виджета, закрывающей окно виджета, при наведении на неё курсором мыши. Указывается в формате HEX.
• Цвет фона контента. Опция задаёт фоновый цвет центральной части виджета, на которой отображен список ссылок. Указывается в формате HEX.
• Цвет названия. Опция задаёт цвет названия. Указывается в формате HEX.
• Цвет названия при наведении. Опция задаёт цвет названия при наведении на блок ссылки курсором мыши. Указывается в формате HEX.
• Цвет категории. Опция задаёт цвет категории. Указывается в формате HEX.
• Цвет категории при наведении. Опция задаёт цвет категории при наведении на блок ссылки курсором мыши. Указывается в формате HEX.
• Цвет статуса. Опция задаёт цвет статуса ссылки. Указывается в формате HEX.
• Цвет статуса при наведении. Опция задаёт цвет статуса при наведении на блок ссылки курсором мыши. Указывается в формате HEX.
• Цвет фона блока при наведении. Опция задаёт фоновый цвет блока ссылки, при наведении на него курсором мыши. Указывается в формате HEX.
• Цвет границы под блоком. Опция задаёт цвет границы, разделяющей блоки ссылок. Указывается в формате HEX.
• Цвет границы под блоком при наведении. Опция задаёт цвет границы, разделяющей блоки ссылок. Цвет границы меняется, если на блок ссылки, который находится над границей, наведен курсор мыши. Указывается в формате HEX.

Настройки типографии

• Настроить типографию?. Если выбрано значение «Да», то в режиме «Ссылки» будет включена возможность настроить типографию всех текстовых элементов.

Далее будет расписана одна группа полей. Такие группы полей можно настроить для: названия окна, описания окна, названия, категории и статуса.

• Размер текста. Отвечает за размер текста у настраиваемого элемента. Аналог свойства в CSS: font-size.
• Единица измерения текста. Единица измерения, которая будет применяться к размеру текста. Можно выбрать px, %, em и rem.
• Высота строк. Отвечает за высоту строк текста у настраиваемого элемента. Аналог свойства в CSS: line-height.
• Единица измерения высоты строк. Единица измерения, которая будет применяться к высоте строк. Можно выбрать px, %, em и rem.
• Толщина текста. Опция задаёт толщину текста. Возможно выбрать значение от 100 до 900. Аналог свойства в CSS: font-weight.
• Трансформация текста. Опция задаёт регистр текстового элемента. Может быть: первые буквы заглавными, строчным, верхний регистр и без изменения регистра. Аналог свойства в CSS: text-transform.
• Оформление текста. Опция устанавливает оформление текстового элемента. Может быть: без оформления, подчёркнутый, линия над текстом и перечёркнутый. Аналог свойства в CSS: text-decoration.

Режим «Визитка»

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

Основные настройки

• Ссылка YouTube. В поле нужно ввести прямую ссылку на канал YouTube.
  Пример ссылки: https://www.youtube.com/@iwsby
• Дизайн карточки. Опция отвечает за дизайн карточки. Имеется три вариант цветового дизайна: светлый, тёмный и пользовательский. Пользовательский откроет дополнительные настройки, с помощью которых можно будет настроить собственную цветовую гамму под дизайн вашего сайта.
• Графический элемент. Опция отвечает за графический элемент, который будет показан на карточке. Доступно два вариант: изображение или иконка модуля.
• Изображение. Опция задаёт изображение, отображаемую на карточке. Рекомендуется загружать квадратное фото.
• Тип изображения. Опция отвечает за тип изображения. Может быть: квадратным, квадратным со скругленными углами и круглое.
• Название. Задаёт название на карточке. Название отображается справа от изображения.
• Категория. Задаёт категорию на карточке. Категория отображается справа от изображения.
• Сообщение. Задаёт сообщение на карточке. Сообщение отображается справа от изображения.

Настройки блока

• Включить внешние отступы?. Если выбрано значение «Да», то к блоку с карточкой будут применяться внешние отступы, задаваемые полями ниже.
• Внешние отступ сверху. Задаёт отступ от карточки до ближайшего объекта сверху. Указывается числом.
• Внешние отступ справа. Задаёт отступ от карточки до ближайшего объекта справа. Указывается числом.
• Внешние отступ снизу. Задаёт отступ от карточки до ближайшего объекта снизу. Указывается числом.
• Внешние отступ слева. Задаёт отступ от карточки до ближайшего объекта слева. Указывается числом.
• Единица измерения внешнего отступа. Опция задаёт единицу измерения, которая будет применяться к внешним отступам. Доступно: px, % и em.
• Внутренний отступ сверху. Задаёт отступ от верхней границы карточки до содержимого. Указывается числом.
• Внутренний отступ справа. Задаёт отступ от правой границы карточки до содержимого. Указывается числом.
• Внутренний отступ снизу. Задаёт отступ от нижней границы карточки до содержимого. Указывается числом.
• Внутренний отступ слева. Задаёт отступ от левой границы карточки до содержимого. Указывается числом.
• Единица измерения внутреннего отступа. Опция задаёт единицу измерения, которая будет применяться к внутренним отступам. Доступно: px, % и em.
• Закруглить углы карточки?. Если выбрано значение «Да», то у карточки будут закругленные углы.
• Радиус закругления углов. Указывает закругление углов блока карточки. Указывается числом.
• Единица измерения радиуса закругления. Указывает единицу измерения, которая будет применяться к закруглению углов. Доступно: px, % и em.

Настройки статуса

• Включить статус?. Если выбрано значение «Да», то в режиме «Визитка» будет показываться статус. Для настроек статуса необходимо заполнить рабочее время по дням недели. Настройки рабочего времени производятся в поле ниже.
• График работы. Настройки отвечают за статус. Указываются для каждого дня недели.

• Работает?. Если выбрано значение «Да», то статус для визитки будет доступен этот день недели.
• Начало рабочего дня. Указывается время, начиная с которого статус будет указываться «В сети».
• Конец рабочего дня. Указывается время, после которого будет не доступен, статус будет «Не в сети».

• Сообщение, если не в сети. В поле сообщение, которое будет показано на карточке, когда статус не в сети.
• Цвет статуса «в сети». Отвечает за цвет фона объекта, который отвечает за статус, если статус в сети. Указывается в формате HEX.
• Цвет статуса «не в сети». Отвечает за цвет фона объекта, который отвечает за статус, если статус не в сети. Указывается в формате HEX.
• Ширина виджета. В поле указывается ширина и высота виджета со статусом. Указывается числом в пикселях.
• Статус «в сети». Текст статуса, когда статус в сети.
• Статус «не в сети». Текст статуса, когда статус не в сети.
• Включить эффект, если статус не в сети. Если выбрано значение «Да», то к изображению, когда статус не в сети, будет применяться эффект серого цвета. Блок карточки получит так же выделение в данном статусе.

Настройки собственного дизайна

• Цвет фона карточки. Опция задаёт фоновый цвет карточки, на которой отображены данные. Указывается в формате HEX.
• Цвет иконки. Опция задаёт цвет иконки на карточке. Указывается в формате HEX.
• Цвет названия. Опция задаёт цвет названия. Указывается в формате HEX.
• Цвет разделителя. Опция задаёт цвет разделителя между названием и категорией. Указывается в формате HEX.
• Цвет категории. Опция задаёт цвет категории. Указывается в формате HEX.
• Цвет статуса. Опция задаёт цвет статуса. Указывается в формате HEX.
• Цвет сообщения. Опция задаёт цвет сообщения. Указывается в формате HEX.

Настройки типографии

• Настроить типографию?. Если выбрано значение «Да», то в режиме «Визитка» будет включена возможность настроить типографию всех текстовых элементов.

Далее будет расписана одна группа полей. Такие группы полей можно настроить для: название, категория, статус и сообщение.

• Размер текста. Отвечает за размер текста у настраиваемого элемента. Аналог свойства в CSS: font-size.
• Единица измерения текста. Единица измерения, которая будет применяться к размеру текста. Можно выбрать px, %, em и rem.
• Высота строк. Отвечает за высоту строк текста у настраиваемого элемента. Аналог свойства в CSS: line-height.
• Единица измерения высоты строк. Единица измерения, которая будет применяться к высоте строк. Можно выбрать px, %, em и rem.
• Толщина текста. Опция задаёт толщину текста. Возможно выбрать значение от 100 до 900. Аналог свойства в CSS: font-weight.
• Трансформация текста. Опция задаёт регистр текстового элемента. Может быть: первые буквы заглавными, строчным, верхний регистр и без изменения регистра. Аналог свойства в CSS: text-transform.
• Оформление текста. Опция устанавливает оформление текстового элемента. Может быть: без оформления, подчёркнутый, линия над текстом и перечёркнутый. Аналог свойства в CSS: text-decoration.

Настройки аналитики

Данный раздел настроек необходим для анализа нажатия на кнопки виджета. Настройки добавляют события на кнопку, но не добавляют счётчики Google Analytics и Яндекс Метрики, это делается другими плагинами. События будут работать если на страницы сайта установлены коды сервисов аналитики. Чтобы перейти в настройки аналитики, нажмите в верхней части настроек модуля на вкладку «Аналитика».

• Включить аналитику?. Опция включает возможности аналитики по отслеживанию событий кнопки.

Google Analytics

Создание событий в Google Analytics описаны в официальной документации и доступны по ссылке: https://support.google.com/analytics/answer/12844695?hl=ru.
Модуль поддерживает два вида отслеживания событий.

• Первый - в режиме кнопки «Кнопка» и «Визитка». Событие вешается на кнопку и передается в сервис после нажатия на кнопку.
• Второй - в режиме кнопки «Карточка» и «Список». В данном случае события будет два. Первое событие передается при нажатии на плавающую кнопку, а второе передается при нажатии на кнопку в виджете.

• Включить Google Analytics?. Опция включает возможности передачи аналитики по отслеживанию событий кнопки в Google Analytics.

Тип кнопки: Кнопка и Визитка

• Параметр. В поле заполняется идентификатор параметра, созданного в Google Analytics.
• Значение. В поле заполняется значение параметра, созданного в Google Analytics.

Тип кнопки: Карточка и Список

• Параметр (шаг 1). В поле заполняется идентификатор параметра для первого шага (нажатие на плавающую кнопку), созданного в Google Analytics.
• Значение (шаг 1). В поле заполняется значение параметра для первого шага (нажатие на плавающую кнопку), созданного в Google Analytics.
• Параметр (шаг 2). В поле заполняется идентификатор параметра для второго шага (нажатие кнопки во всплывающем окне), созданного в Google Analytics.
• Значение (шаг 2). В поле заполняется значение параметра для второго шага (нажатие кнопки во всплывающем окне), созданного в Google Analytics.

Яндекс Метрика

Создание целей в Яндекс Метрике описаны в официальной документации и доступны по ссылке: https://yandex.ru/support/metrica/general/goal-js-event.html#js-event. Модуль поддерживает два вида отслеживания событий.

• Первый - в режиме кнопки «Кнопка» и «Визитка». Событие вешается на кнопку и передается в сервис после нажатия на кнопку. Создайте обычную JavaScript цель.
• Второй - в режиме кнопки «Карточка» и «Список». В данном случае события будет два. Первое событие передается при нажатии на плавающую кнопку, а второе передается при нажатии на кнопку в виджете. Создайте составную цель из двух JavaScript событий.

• Включить Яндекс Метрику?. Опция включает возможности передачи аналитики по отслеживанию целей кнопки в Яндекс Метрику.
• Идентификатор Яндекс Метрики. В поле необходимо ввести номер счётчика вашего сайта в Яндекс Метрике. О том как найти номер счётчика описано по ссылке: https://yandex.ru/support/metrica/general/tag-id.html.

Тип кнопки: Кнопка и Визитка

• Идентификатор события. В поле заполняется идентификатор цели, созданной в Яндекс Метрике.

Тип кнопки: Карточка и Список

• Идентификатор события (шаг 1). В поле заполняется идентификатор цели для первого шага (нажатие на плавающую кнопку), созданной в Яндекс Метрике.
• Идентификатор события (шаг 2). В поле заполняется идентификатор цели для второго шага (нажатие кнопки во всплывающем окне), созданной в Яндекс Метрике.

CSS и JS

Данный раздел настроек для продвинутых пользователей, знающих синтаксис CSS и JavaScript. Если ваши знания позволяют работать с CSS и JS, то этот раздел для вас.

• CSS код. В текстовое поле можно ввести CSS код, который необходимо добавить на страницы сайта, на которых установлена кнопка.
• JS код. В текстовое поле можно ввести JavaScript код, который необходимо добавить на страницы сайта, на которых установлена кнопка. Синтаксис JS необходимо использовать согласно официальной документации Joomla.

Функция вызова всплывающего окна

Для режимов «Карточка» и «Список» имеется функция вызова всплывающего окна. Для её использования необходимо вызвать JavaScript функцию методом onClick.

Функция выглядит так:

openIwsbyYouTube();

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

К примеру идентификатор модуля 20. С идентификатором функция вызова всплывающего окна будет выглядеть так:

openIwsbyYouTube20();

Данную функцию можно вызывать двумя методами:

1. Вызов через метод onClick:

   <a href="#" onClick="openIwsbyYouTube20();return false;">

   Обратите внимание, что после функции добавляется return false - это отключает переход по ссылке. Чтобы страница не обновлялась, необходимо добавлять данный элемент.

2. Вызов через значение ссылки:

   <a href="javascript:openIwsbyYouTube20()">

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

Ошибка статуса оператора

Если вы заметили, что статус оператора работает не правильно, то первым делом необходимо проверить настройки вашего хостинга. В файле php.ini должен быть установлен правильно часовой пояс вашего региона. Для этого перейдите на просмотр страницы phpinfo() и в поле timezone должен стоять ваш регион. Если стоит регион не верный, то обратитесь в техническую поддержку вашего хостинг провайдера и попросите настроить timezone согласно вашему региону.