Цветовая схема представляет собой сохраненный набор цветов. Каждая секция магазина использует одну схему, поэтому вы меняете цвета в одном месте, и все секции с этой схемой меняются вместе с ней.
Где найти схемы
Откройте конструктор, нажмите на значок шестеренки и откройте вкладку Цвета. В разделе Схемы есть по одной карточке на каждую схему с названиями Схема 1, Схема 2 и так далее. На каждой карточке виден небольшой образец ее цветов.
- Редактировать: нажмите на карточку. Откроется панель с живым предпросмотром вверху и всеми цветами ниже.
- Добавить: нажмите на карточку с плюсом в конце. Новая схема создается как копия последней схемы.
- Дублировать или Удалить: щелкните правой кнопкой по карточке или используйте кнопку меню вверху панели схемы.
- Изменить порядок: перетащите карточку за ручку.
Можно создать до 9 схем. Когда их 9, на карточке с плюсом отображается (9/9), а у пункта Дублировать появляется Достигнут лимит. Хотя бы одна схема остается всегда, поэтому последнюю удалить нельзя.
Цвета в схеме
Общие
- Фон: фон секции.
- Внутренний фон: рамки и карточки внутри секции.
- Заголовок: заголовки.
- Текст: абзацы и обычный текст.
- Важный текст: текст, который должен выделяться, например цены и цифры обратного отсчета.
- Фон бейджа: заливка бейджей скидок, лент комплектов и плашек экономии в комплектах.
- Ссылки и Ссылки при наведении: ссылки и ссылки под курсором мыши.
- Граница: линии и разделители.
- Контур: рамки фокуса и контуры, например когда покупатель перемещается по странице с клавиатуры.
- Тень: цвет теней.
Основная кнопка и дополнительная кнопка
У каждой есть Фон, Текст и Граница, а также Фон при наведении, Текст при наведении и Граница при наведении для момента, когда курсор находится над кнопкой. Основная кнопка служит главным призывом к действию, например кнопкой покупки.
Поле ввода
Поля форм: Фон, Метка, Текст (то, что вводит покупатель), Граница и Фон при наведении.
Как секции выбирают схему
Выберите секцию и найдите настройку Цветовая схема. Выберите схему из списка. В списке есть ссылка на ваши цветовые схемы, если вы хотите их отредактировать.
У многих блоков внутри секции есть переключатель Использовать цветовую схему родителя. Если он включен, блок использует цвета окружающей секции. Если выключен, появляется настройка Цветовая схема, чтобы блок мог использовать свою схему. В блоке написания отзыва Наследовать схему заставляет его кнопку использовать цвета секции. Если выключить, вы выбираете Схема кнопки. Схемы используются и в других местах, например в панелях меню шапки и на странице обслуживания.
Полезно знать
- Секции запоминают номер, а не цвета. Если перетащить схему 3 на первое место, все секции, которые использовали схему 1, теперь покажут цвета, переместившиеся туда. Проверьте страницы после перестановки.
- При удалении схемы ее секции переходят на предыдущую схему (или на первую). При дублировании копия появляется сразу после оригинала, а все секции сохраняют свои текущие цвета.
- Схемы относятся к рынку, который вы редактируете. Если вы продаете в нескольких рынках, сначала переключите рынок с помощью флага.
- Изменения появятся в магазине, когда вы нажмете Опубликовать.
Советы
- Используйте спокойную светлую схему для большинства секций и одну яркую схему для главного баннера и призывов к действию.
- Сделайте основную кнопку хорошо заметной на фоне.
- Проверьте, что текст легко читается на своем фоне, в том числе на телефоне при дневном свете.