Как в режиме онлайн управлять цветом в BXReady: Интернет магазин

Как в режиме онлайн управлять цветом в BXReady: Интернет магазин

Ready.KZ: Готовые сайты

2 декабря 2015
Описание
В решении BXReady: Интернет-магазин

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

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

Шаг 1. Переход к настройкам в административной части
  • Откройте административную часть, зайдите в раздел Настройки -> Настройки продукта -> Настройки модулей -> BXReady Market.
  • Выберите вкладку "LESS".
1.png


2.png


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

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

3.png
4.png



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

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

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


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

Note:
В демо-версии данные параметры находятся в демо-мастере и называются “Темный hover” и “Светлый hover”.

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

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

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

Надеюсь данная статья была для Вас полезна.

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

Наше руководство содержит еще множество полезных статей, не ленитесь их прочесть.
Знание - сила! Темная или светлая? Решать тебе!

10.png


Вам нужна консультация?

Можете связаться с нами удобным удобным способом