Создание нового цветового офoрмления (theme) для шаблона bootstrap
В новом шаблоне Bootstrap в пользовательской части (front-end) доступна панель оформления, позволяющая управлять цветовой темой сайта (theme). Как добавить в нее свою тему и как включить панель оформления для всех пользователей сайта, а не только для администратора?
Создание новой цветовой темы пользовательской части (front-end)
В основе шаблона bootstrap лежит одноименный CSS&JS Framework Bootstrap. Все правила в шаблоне bootstrap 100% совместимы с Bootstrap 3. В нем могут использоваться популярные On-line CSS Bootstrap генераторы.Рассмотрим на примере популярный сервис PaintStrap. Можно сгенерировать CSS самим или воспользоваться готовой галереей. В скаченном архиве CSS темы следует взять файл bootstrap.css и сохранить его в /phpshop/templates/bootstrap/css/ под именем bootstrap-theme-XXX.css. XXX - имя цвета на латинице. В качестве имени можно указать сразу CSS код цвета, например red или blue (таблица наименования цветов). В списке доступных тем сразу появится новый блок выбора цвета.


Управление выводом блока оформления
Для управления блоком существует настройка в общей конфигурации phpshop/inc/config.ini
[template_theme] user="true"; demo="false";
- user - (true или false), опция вывода блока оформления для внешних пользователей (true) или только для администратора после авторизации в панели управления и перехода на пользовательскую часть (false)
- user - (true или false), опция включения демо-режима для вывода всем, но без сохранения настройки в базу через кнопку Сохранить.
Создание новой цветовой темы административной части (back-end)
Новая панель управления PHPShop 5 так же использует Bootstrap и все вышеописанные возможности по генерации персонального цвета к ней подходят. Результирующий css файл нужно разместить в папке /phpshop/admpanel/css/ под именем bootstrap-theme-XXX.css. В основных настройках панели новое имя XXX появится для выбора темы оформления.
- Детали статьи
- Категория: Изменение дизайна и шаблонизация
- Дата добавлена: 2015-02-02 16:27:00
- Обзор: 1568
-
Рейтинг (Голоса):
(18)