Кнопка со ссылкой


В обновлении SIMAI: Framework 5.0.14 добавился функционал размещения кнопки со ссылкой.

Например:


Кнопку можно установить как одну для всего сайта, так и индивидуальную для раздела и его подразделов и для конкретной страницы.

Установленные настройки сайта действуют на всем сайте. 


При установке настроек раздела приоритет отдается настройкам раздела. Настройки раздела действуют на раздел и все подразделы. 


При установке настроек страницы приоритет отдается настройкам страницы. Настройки страницы действуют только для данной страницы.


Вкладка "Кнопка со ссылкой"


По умолчанию кнопка выключена:


Для отображения кнопки на сайте и ее настроек необходимо активировать параметр "Кнопка со ссылкой":


Отобразятся следующие настройки:

Отображать в десктопной версии сайта - при включенном параметре кнопка будет отображаться на экранах шириной 768 пикселей и выше.


Отображать в мобильной версии сайта - при включенном параметре кнопка будет отображаться в мобильной версии сайта на экранах шириной до 576 пикселей.


Расположение кнопки - предусмотрено три типа отображения кнопки.


Горизонтальное 

Вертикальное сверху вниз  Вертикальное снизу вверх 





Иконка - при необходимости можно прописать код иконки с сайта https://fontawesome.com/


Например, иконка fa-envelope:


Расположение кнопки на сайте - по умолчанию кнопка отображается в верхнем левом углу окна.


Варианты отображения:

Сверху слева Сверху справа
По центру слева По центру справа
Внизу слева Внизу справа

Тип кнопки - можно выбрать тип кнопки из готовых вариантов. При выборе "Нет значения" можно настроить внешний вид кнопки самостоятельно через модификаторы.

Примеры готовых вариантов можно посмотреть в документации - Базовые цвета


Стиль кнопки - можно выбрать стиль кнопки из готовых вариантов. При выборе "Нет значения" можно настроить внешний вид кнопки самостоятельно через модификаторы.

Примеры готовых вариантов можно посмотреть в документации - Стили кнопок.


Текст кнопки - при клике на кнопку будет осуществлен переход по этой ссылке.


Ссылка кнопки - отобразится на кнопке.


Открывать в новом окне - если параметр активен (зеленый цвет), то при клике на кнопку ссылка будет открываться в новом окне браузера. Если параметр неактивен (серый), то ссылка откроется в этом же окне браузера.


Модификаторы кнопки - при необходимости можно прописать модификаторы внешнего вида кнопки.


Модификаторы текста кнопки - при необходимости можно прописать модификаторы внешнего вида текста кнопки.


Модификаторы иконки - при необходимости можно прописать модификаторы внешнего вида иконки на кнопке.


Ссылки на документацию по модификаторам:

Текст

Иконки

Цвет

Темы

Границы