Задай частям сайта свои цвета

Добавь цветовые схемы к основным цветам и выбери, какие разделы страниц их используют.

Для владельцев и администраторов команд · 6 шагов

Что нужно заранее

  • У твоей команды есть подписка на сайт и выбран шаблон — см. Выбери шаблон и его вид.
  • Ты владелец или администратор команды.

Шаги

  1. Шаг 1: Открой оформление

    В меню слева нажми Шаблон, затем Оформление в правом верхнем углу.

    Должно появиться: форма оформления, а рядом с ней — живое превью твоего сайта.

    Страница «Шаблон», ссылка «Оформление» обведена.
  2. Шаг 2: Добавь цветовую схему

    В блоке Цветовые схемы нажми Добавить светлую схему. Твои цвета выше — это схема Основная; можно добавить ещё до трёх схем. Кнопка сначала предлагает схему Светлая, затем Акцентная полоса, а потом копию Основной, чтобы начать с неё.

    Должно появиться: новая схема с названием, пятью цветами и своими текстом и поверхностями, у каждого — такой же показатель читаемости, как у Основной. Страницы магазина, товара и корзины переходят на Светлую схему, как только она у тебя появится — остальной сайт остаётся на Основной, пока ты не выберешь другое.

    Название новой Светлой схемы и кнопка «Удалить схему» обведены.
  3. Шаг 3: Настрой цвета схемы

    Введи название схемы, затем измени любые её цвета так же, как цвета Основной. У каждого цвета, на котором есть текст, видно число вроде 7.2:1 · легко читать; если цвет ниже минимума, там указан оттенок, который увидят посетители, и есть кнопка Сделать читаемым.

    Должно появиться: название схемы в меню каждого раздела ниже.

    Поле цвета фона схемы обведено.
  4. Шаг 4: Выбери схему для раздела

    В блоке Разделы найди часть сайта, которую хочешь изменить, — они сгруппированы по страницам, от Все страницы (навигация и подвал) до Главная, Магазин и остальных, — и выбери схему в её меню. По умолчанию — это Основная, а для магазина, товара и корзины — Светлая схема. Ещё можно нажать на часть живого превью, чтобы найти её строку.

    Должно появиться: превью переключится на эту страницу, а выбранная часть будет обведена и показана в выбранной схеме.

    Список разделов, меню схемы в строке «Счётчики» обведено.
  5. Шаг 5: Сохрани

    Нажми Сохранить внизу формы.

    Должно появиться: «Оформление сохранено». Посетители пока этого не видят — сохранённые изменения остаются в черновике, пока ты не опубликуешь сайт.

    Низ формы оформления, кнопка «Сохранить» обведена.
  6. Шаг 6: Опубликуй сайт

    Нажми Опубликовать в меню слева и опубликуй сайт — см. Опубликуй сайт.

    Должно появиться: Оформление в списке изменений, а после публикации — разделы в своих схемах.

Как понять, что всё получилось

  • Каждый выбранный раздел показан на сайте в своей схеме.
  • Магазин и корзина — в Светлой схеме или в той, что ты для них выбрал.

Что-то не так?

Кнопка «Добавить светлую схему» неактивна

Сначала нужны цвета Основной. У каждого из пяти цветов Основной должен быть полный код цвета, например #0a0a0a: исправь тот, у которого его нет, и Добавить светлую схему — или Добавить схему — снова можно будет нажать.

Магазин стал светлым, как только я добавил схему

Страницы магазина, товара и корзины по умолчанию используют схему Светлая, чтобы покупателям было легко читать цены и корзину. Чтобы оставить их на Основной, выбери для их строк в блоке Разделы Главная.

Я удалил схему — что стало с её разделами?

Они вернулись к значению по умолчанию: Основной, а для магазина — Светлой схеме. Ничего не удалено.

Я выбрал пресет, и мои схемы изменились

У каждого пресета есть свои схемы Акцентная полоса и Светлая, и они заменяют твои. Разделы, у которых была схема, которой нет в пресете, возвращаются к значению по умолчанию. Если хочешь оставить свои цвета, задай их снова в блоке Цветовые схемы.

Нужного раздела нет в списке

В списке — те части, которые показывает твой шаблон. Некоторые шаблоны показывают несколько частей страницы вместе; у них одна общая строка.

Страница оформления заказа всё ещё тёмная

Оформление заказа — это страница самого Fourthwall. Её цвета берутся из темы твоего магазина на Fourthwall — см. Открой магазин команды.

Похожие статьи

Всё ещё не получается? Напиши в поддержку или на support@spawnfront.com — укажи страницу, на которой ты находишься, и номер шага.