Ваш помощник
на пути к успеху
7 (495) 545-49-21
8 (800) 500-30-29
Заказ интернет-магазинов,
служба поддержки
режим работы: 09:00 - 18:00 (мск)

13.3. Создание собственной темы

На вкладке настройки дизайна вы можете выбрать тему, а также создать и настроить собственную тему.

Выбор другой темы

Для выбора другой темы оформления откройте в административном сайте вкладку Дизайн и щелкните кнопку Выбрать другую тему в блоке Ваша текущая тема.

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

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

Чтобы создать свою тему оформления витрины на базе стандартной темы, откройте список тем, щелкнув кнопку Выбрать другую тему в блоке Ваша текущая тема. Чтобы увидеть этот блок, откройте в административном сайте вкладку Дизайн.

Добавьте тему, которую собираетесь редактировать, в список Мои темы. Для этого щелкните левой клавишей мыши значок копирования, расположенный под изображением нужной темы (рис. 13.3.1)

Рис. 13.3.1. Копирование темы.

После копирования в нижней части страницы оформления витрины, в блоке Мои темы, появится копия темы, которую можно редактировать. На рис. рис. 13.3.2 мы показали две добавленные темы.

Пользовательская тема
Рис. 13.3.2. Копии темы оформления витрины.

Непосредственно под изображением пользовательской темы находится палитра инструментов, с помощью которой можно скопировать тему, отредактировать файл стилей CSS и атрибуты темы, загрузить изображения для темы, удалить тему, настроить цветовое оформление.

Редактирование стилей CSS

После того как Вы щелкните кнопку редактирования файла стилей CSS, в окне браузера появится редактор стилей, показанный на рис. 13.3.3.

Редактирование CSS
Рис. 13.3.3. Редактор стилей CSS.

В левой части страницы редактора Вы можете изменять файл стилей, а в правой части находится панель подбора цвета. Если сделать двойной щелчок левой клавишей мыши в область нужного цвета, в нижней части панели появится код цвета, который можно скопировать и подставить в текст файла CSS.

Изменение основных атрибутов темы

На вкладке Основные атрибуты Вы можете изменить название темы, добавить для темы текстовое описание, а также загрузить картинку предварительного просмотра с диска своего компьютера (рис. 13.3.4).

Редактирование атрибутов темы
Рис. 13.3.4. Редактирование атрибутов темы.

Загрузка изображений

Чтобы загрузить изображения для темы или заменить уже существующие изображения, воспользуйтесь вкладкой Изображения (рис. 13.3.5).

Загрузка изображений для темы
Рис. 13.3.5. Загрузка изображений для пользовательской темы.

Для загрузки перетащите в файл в окно файлового менеджера из локальной папки, расположенной на диске Вашего компьютера. Можно также воспользоваться кнопкой Загрузить файл с изображением дискеты, и расположенный в панели файлового менеджера.

Учтите, что максимальный размер загружаемых изображений составляет 2 Мбайта, при этом тип изображения должен быть jpg, gif или png. Имена загружаемых файлов изображений должны содержать латинские символы, цифры, знак подчеркивания "_" и дефис "-".

Настройка цветового оформления

Чтобы настроить цветовое оформление сайта, откройте вкладку Цвета (рис. 13.3.6).

Рис. 13.3.6. Вкладка настройки цветового оформления

Чтобы изменить цвет того или иного элемента оформления страницы, щелкните поле в соответствующей строке и выберите нужный цвет.

После внесения изменений щелкните кнопку Сохранить и выполните публикацию всех страниц.

С помощью ссылки Показать дополнительные настройки цветов вы можете выполнить расширенную настройку цветового оформления (рис. 13.3.7).

Рис. 13.3.7. Расширенная настройка цветового оформления