В нашем решении вы можете выбрать любую интересующую вас цветовую схему и очень просто её настроить. Схема задается всего одним цветом, благодаря технологии LESS. 

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

Шаг 1. Переход к настройкам в административной части
  • Откройте административную часть, зайдите в раздел Настройки -> Настройки продукта -> Настройки модулей -> BXReady Market. 
  • Выберите вкладку "LESS". 
2015-11-20 11-56-54 Настройки модуля - market.bxready.ru - Mozilla Firefox.png
2015-11-20 12-02-30 Настройки модуля - market.bxready.ru - Mozilla Firefox.png

Шаг 2. Выбор базового цвета 

В настоящий момент представлено 30 подготовленных цветов. Но вы можете выбрать свой собственный цвет, выбрав его в “квадрате цветов” или, если вам нужен определенный цвет (например, ваш корпоративный), вы можете вставить его HEX-код. 

2015-11-20 10-37-46 Настройки модуля - market.bxready.ru - Mozilla Firefox.png
2015-11-20 12-04-53 Настройки модуля - market.bxready.ru - Mozilla Firefox.png

Для завершения своего выбора нажмите “choose”! 


Шаг 3. Настройка светлого и темного оттенка базового цвета. 

У Вас есть возможность корректировать темный и светлый оттенок базового цвета для кнопок, ссылок и других элементов. 

Сделать это можно с помощью двух ползунков:
  • Параметр для вычисления оттенка темного по отношению к базовому цвету 
  • Параметр для вычисления оттенка светлого по отношению к базовому цвету 
ползунки.png


Чем больше значение - тем глубже оттенок. 
Например, для светлого оттенка базового цвета: чем больше значение - тем светлее цвет. 
И для темного оттенка базового цвета: чем больше значение - тем темнее цвет. 

В демо-версии (http://market.bxready.ru) данные параметры находятся в демо-мастере и называются “Темный hover” и “Светлый hover”. 

Как это выглядит: 

Темный оттенок базового цвета, значение - 5%: 

Темный оттенок базового цвета, значение - 5%.png

Темный оттенок базового цвета, значение - 25%: 

Темный оттенок базового цвета, значение - 25%.png

Светлый оттенок базового цвета, значение - 5%: 

Светлый оттенок базового цвета, значение - 5%.png

Светлый оттенок базового цвета, значение - 25%: 

Светлый оттенок базового цвета, значение - 25%.png

P.S. Если вы собираетесь произвести модернизацию, то вы всегда можете доработать LESS файл. 


 Рекомендуемые разделы (в футере) | Описание курса | Настройки главной страницы