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

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

Актуально для версии магазина: 6.0 | 5.0

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

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

Создание собственной цветовой схемы для Трансформера дизайна делится на 2 этапа:

  • Работа с css файлом
  • Формирование архива и загрузка на сайт

Пример файла с цветовой схемой: скачать (2,52кб).  

 

Работа с css файлом

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

 

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

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

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

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

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

<?xml version="1.0" encoding="utf-8" ?>

<Theme name="dark" previewImage="">

    <Names>

          <Name lang="ru-RU" value="Темная" />

          <Name lang="en-US" value="Dark" />

    </Names>

</Theme>

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

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

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

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

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

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

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

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


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

6. Найдите в списке свою цветовую схему и выберите ее (рис 4). Либо можете выбрать вашу тему в "Трансформере дизайна" в клиентской части магазина и нажать "Сохранить".


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

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

Всё готово.

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

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

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

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

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

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

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