Как вам помочь ?

Цветовая схема

Статья актуальна для версии магазина: 10.0 | 8.0 | 7.0-6.0 | 5.0

В данной инструкции рассмотрим как изменить или создать собственную цветовую схему для сайта.

Цветовая схема - это оформление кнопок, панелей меню и прочих элементов сайта в каком-либо определенном цвете.

Выбор цветовой схемы

Для каждого шаблона дизайна доступен свой набор цветовых схем. Посмотреть доступные схемы и переключиться между ними можно в любой момент, например, из "Трансформера дизайна" в клиентской части (рис. 1).

Цветовая схема - 7812
Рисунок 1.

Список доступных цветовых схем представлен в виде иконок цветов (рис. 2).

Цветовая схема - 4117
Рисунок 2.

При переключении на другую цветовую схему, сразу можно увидеть, как она будет выглядеть на сайте - элементы изменят свои цвета (рис. 3).

Цветовая схема - 4903
Рисунок 3.

Чтобы применить выбранную цветовую схему, нужно сохранить настройки.

Если ни одна из предложенных цветовых схем не подошла, можно создать собственную. Этот процесс описан ниже.

Создание своей схемы

Пример файла с цветовой схемой: скачать.  

С тем, как найти нужный класс и прописать ему стили, можете подробнее ознакомиться здесь.

Формирование архива и загрузка на сайт

1. Создайте файл с классами и стилями, которые вы хотите переопределить для своей цветовой схемы. Для его создания можно использовать редактор "Блокнот".

Сохраните файл в папке "styles" с названием styles.css.

2. Создайте файл с указанным кодом. Для его создания можно использовать стандартную программу "Блокнот".

Вставьте указанный код и замените в коде название цветовой схемы (выделенные красным цветом) на свое название – в нашем примере Dark (Темная).

<?xml version="1.0" encoding="utf-8" ?>
<Theme name="plum2" previewImage="" color="B246E0" order="120">
    <Names>
        <Name lang="ru-RU" value="Сливовая 2" />
        <Name lang="en-US" value="Plum 2" />
    </Names>
</Theme>

Сохраните файл в папке схемы (не вкладывайте его в другие папки, файл должен находиться в корне папки) с названием color.config.

3. Создайте zip архив вашей папки с цветовой схемой.

Архив должен содержать в себе папку с названием схемы, а внутри папки уже файлы, что мы создавали с вами ранее (файл color.config, директория styles). 

Структура архива с цветовой схемой. 

Файл plum2.zip
| - Папка plum2
   | - Файл color.config
   | - Папка styles
       | - Файл styles.css

По аналогии с примером - plum2.zip.

4. Перейдите в панель администрирования интернет-магазина. В меню выберите "Мои сайты" - "Параметры магазина" раздел "Основные".

5. Далее в строке "Цветовая схема" нажмите "Добавить". Откроется окно вашего компьютера, где требуется выбрать свой заархивированный файл plum2.zip. Нажмите "Открыть". Ваша цветовая схема добавится в список схем магазина (рис. 4).

Загрузка цветовой схемы.
Рисунок 4.

6. Найдите в списке свою цветовую схему и выберите ее (рис. 5). Цветовая схема после ее выбора сохраняется автоматически.

Выбор цветовой схемы.
Рисунок 5.

7. Ваша цветовая схема установлена.

Всё готово.

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: редактировать стандартный шаблон, трансформер дизайна, загрузить тему, своя темя, загрузить свою тему, создание изображения темы, работа с css файлом и загрузка темы, трансформер дизайна, тема, загрузить тему, шаблон, дизайн, свой дизайн, как изменить шаблон, как изменить дизайн, как изменить тему, сменить тему, сменить фон, загрузить свой фон, поменять дизайн, сменить цвета, цветовая схема, схема, ntvf, изменить цвет, 50, 5.0, как изменить цвет под логотип, как изменить цвет шапки, изменить цвет темы дизайна

Мы используем cookies. Подробнее...