Описание логики работы смены цветов из админ. панели в OkayCMS 3.*

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

OkayCMS M
Администратор
Аватара
OkayCMS M
Администратор
Репутация: 133
Сообщения: 1056
Зарегистрирован: 12.11.2015
С нами: 3 года 11 месяцев
Сайт Skype

Сообщение #1 OkayCMS » 13.09.2019, 11:59

В настройках дизайна появился новый блок, для настройки цветов
Изображение
Эти цвета записываются в отдельный файл в шаблоне который лежит в design/theme/css/theme-settings.css и имеет такой вид
Изображение
Это переменные CSS, но поскольку их поддержка браузерами еще слабовата, мы сделали компиляцию CSS файлов, и везде, где использовалась переменная
Изображение
в исходном файле (который так и остается, с ним ничего не происходит) заменяется на значение этой переменной в скомпилированном файле.
Изображение
Также эти переменные желательно теперь использовать при разработке модулей, чтобы модули сразу в стиль сайта вписывались.

Сделана регистрация CSS и JS файлов. Для этого нужно в design/theme/js.php и design/theme/css.php их зарегистрировать в таком виде.
Изображение
Нужно вернуть массив объектов типа Okay\Core\TemplateConfig\Js или Okay\Core\TemplateConfig\Css.
Эти классы мы постарались максимально подробно описать.

Теперь не нужно прописывать большое количество CSS и JS файлов в HTML. Все зарегистрированные файлы скомпилируются в один выходной файл (который минимизирован), если иного не указанно в параметрах. Подключатся они так:
Изображение
внутри файл будет содержать все входящие в него файлы в такой же последовательности, как и их регистрация.
Файлы кеша чувствительны к изменениям их оригинальных файлов, т.е. если изменить оригинальный файл, и кеш обновится автоматически.

Подключать через <script> или <link> теперь нужно только внешние ресурсы.

Если нужно подключать какой-то скрипт или файл стилей по условию, например "поделиться" в карточке товара и блоге. Нужно использовать Smarty плагины {js} и {css} со след параметрами:
file или filename - имя файла,
dir - путь к папке скрипта относительно корня сайта,
defer - нужен ли атрибут defer (применимо только к плагину js)

Crypter
Аватара
Crypter
Репутация: 11
Сообщения: 99
Зарегистрирован: 02.02.2016
С нами: 3 года 8 месяцев

Сообщение #2 Crypter » 13.09.2019, 12:23

Ну и???
- все нормально работает - кто тестировал, в курсе :(

Думаю для 1 варианта неплохо!
- в планах по развитию этого блока нет ли у Вас внедрение не только ЦВЕТА фона, а и спец картинку (или несколько картинок для различных устройств)?

Картинка может олицетворят в магазине:
- праздник,
- день скидок,
- спонсора и др ........
(потом использовать это как ссылку для перехода на ту или иную страницу..)

OkayCMS M
Администратор
Аватара
OkayCMS M
Администратор
Репутация: 133
Сообщения: 1056
Зарегистрирован: 12.11.2015
С нами: 3 года 11 месяцев
Сайт Skype

Сообщение #3 OkayCMS » 13.09.2019, 12:32

Crypter писал(а):Ну и???
- все нормально работает - кто тестировал, в курсе :(

Думаю для 1 варианта неплохо!
- в планах по развитию этого блока нет ли у Вас внедрение не только ЦВЕТА фона, а и спец картинку (или несколько картинок для различных устройств)?

Картинка может олицетворят в магазине:
- праздник,
- день скидок,
- спонсора и др ........
(потом использовать это как ссылку для перехода на ту или иную страницу..)
Да, в планах есть добавить набор фонов.
Статью написали для тех кто не участвовал в тесте, чтобы они понимали как всё устроено.

Новую версию уже сделали, сейчас собираем в установщик. В течении часа будет доступна.

Добавлено спустя 2 минуты 17 секунд:
Для тех кто хочет раньше :)
https://github.com/OkayCMS/Okay3


Название раздела: Новости OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Новости OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 1 гость