Перейти к содержимому

Модуль Ярлыки

Создание и использование ярлыков

baca9e0889f1ec5d4a4ab142a005296b.jpg

Работа с ярлыками:

При помощи зелёной кнопки "+" Вы можете добавить новый ярлык. В строке "Текст" нужно прописать текст, который будет отображаться в ярлыке.

В строке "Класс" задаётся цвет ярлыка:

  1. success - зелёный.

  2. warning - жёлтый.

  3. danger - красный.

  4. свой - при помощи классов Uikit и CSS Вы можете самостоятельно создавать собственные стили ярлыков.

 

Чтобы использовать конкретный пример, я создам ярлык "Горящий" с классом "danger", чтобы текст был на красном фоне.

8eddd79cbd50bf88137c4d3a4473a7f6.jpg

Добавление ярлыка к туру:

В компоненте Atom-S, в меню "туры" выбираем тур, к которому хотим прикрепить ярлык. В меню "Данные тура" у нас появился пункт "Бейджи". Нажимаем на выпадающий список и перед нами открываются все доступные нам ярлыки. Ярлыков может быть больше, чем один. Для одного тура можно установить сразу несколько ярлыков!

8b4c5f1651dcc0f98482fb2c79b0d3fa.jpg

Выбираем ярлык, который только что создали, сохраняем и смотрим, что получилось!

c89bff3a87fe7b83538e601c7b960fb2.jpg

Расширенные настройки

Вы можете изменить параметры ярлыка в конструкторе YOOtheme PRO. Для этого откройте конструктор в панели управления

Ярлыки1.png

Выберите раздел "Стиль"

Ярлыки2.png

В списке найдите "Label"

Ярлыки4.png

Здесь вы можете изменить внешние параметры ярлыков: размер, рамки, стиль текста, отсутпы и т.д. 

Ярлыки6.png

Так же для ярлыка каждого типа можно установить свой цвет и другие параметры

Ярлыки_7.png

Добавление эмоджи в ярлыки

Вы можете добавить произвольный эмоджи в ярлык. Для этого зайдите на сайт https://snipp.ru/handbk/emoji. Скопируйте именно изображение эмоджи в таблице (Не код). Выделите изображение и нажмите "копировать".

Ярлыки8.png

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

Ярлыки9.png