Новое в блогах
Компания Scoder.
10 декабря 2024
Фортуна – возможность узнать больше.
Пётр Александров
10 декабря 2024
Яндекс.Маркет: характеристики в категории
Интернет-агентство INTEC
9 декабря 2024
Модулю IntecAI исполнился год!
Маркетинговое агентство Концепт
9 декабря 2024
Как подключить Яндекс.Метрику на сайт
Все блоги

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

В решении BXReady: Интернет-магазин

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

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

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


2.png


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

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

3.png
4.png



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

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

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


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

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

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

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

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

Надеюсь данная статья была для Вас полезна.
Тех. поддержка работает по адресу: http://support.kuznica74.ru

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

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

10.png

ссылка на решение
BXReady: Интернет-магазин