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

Гарантированные подарки!

Планируете открыть интернет-магазин? Сейчас самое время!

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

Актуально для версии магазина: 8.0 | 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. Найдите в списке свою цветовую схему и выберите ее (рис. 2). Цветовая схема после ее выбора сохраняется автоматически.

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

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

Всё готово.

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

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

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

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

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

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

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