Раздел "Оформление"

Материал из CartEnergy
Перейти к: навигация, поиск

Раздел "оформление" позволяет управлять следующими параметрами:

  • Настройки - настройка тем оформления
  • Панели - сущность для группировки сниппетов (функциональность для разработчиков тем)
  • Сниппеты - специальные блоки содержащие html текст или логику Liquid совместно с html текстом (функциональность для разработчиков тем)
  • Шаблоны - шаблоны страниц (функциональность для разработчиков тем)
  • Действия - определяет взаимосвязь между алгоритмом обработки событий определенного типа и представлением результатов этих событий (функциональность для разработчиков тем)
  • Преобразования изображений - правила преобразования изображений (защита картинок) (функциональность для разработчиков тем)
  • Файлы - управление файлами необходимыми для работы тем (функциональность для разработчиков тем)


Содержание

Настройки

Подраздел 'настройки' позволяет настраивать различные параметры тем, это единственный набор настроек раздела 'оформление' которые могут выполняться пользователями без специальных навыков.


Themes setup.png
Рис. 1. Общий вид


Здесь Вы видите базовый список настроек темы (список настроек зависит от выбранной темы). Настройки содержат три поля:

  • Название параметра - уникальный идентификатор параметра, под названием располагается описание
  • Значение, зависящее от языка (локализованное) - значение параметра которое может изменяться в зависимости от выбранного языка
  • Значение без локализации - значение параметра которое не зависит от выбранного языка
  • Переключатель 'исполнить' - если активирован, то текст 'значение' будет передан Liquid парсеру для обработки перед использованием


Сниппеты

Подраздел "cниппеты" позволяет создавать и редактировать специальные блоки содержащие html текст или логику Liquid совместно с html текстом. Они используются для модификации отдельных страниц, повторяющихся действий, например: вывод категорий, вывод меню, вывод модуля '5 последних новостей'. Сниппеты могут быть группированы с помощью панелей (задает положение снипетов относительно друг друга) или вставлены с помощью тега 'include'.

Snippets.png
Рис. 2. форма содержащая элементы для работы со сниппетами


Здесь Вы видите список имеющихся элементов для работы со сниппетами. Функциональность включает следующие элементы:

  • Кнопка 'Добавить сниппет', для добавления нового сниппета.

Snippets add button.png

  • Кнопка 'удалить', для удаления сниппетов (маленькая иконка 'мусорка' размещенная рядом с названием сниппета).


Панели

Подраздел "панели" позволяет группировать сниппеты (специальные блоки содержащие html текст или логику Liquid совместно с html текстом).


Panels.png
Рис. 3. форма содержащая элементы для работы с панелями


Здесь Вы видите список имеющихся элементов для работы с панелями. Функциональность включает следующие элементы:

  • Кнопка 'Добавить панель', для добавления новой панели.

Panels add new button.png

  • Кнопка 'удалить', для удаления панелей (маленькая иконка 'мусорка' размещенная рядом с названием панели).


Шаблоны

Подраздел "шаблоны" позволяет работать с шаблонами страниц. В системе 3 вида шаблонов:

  • шаблоны разметки (лайаут) предназначены для создания общего шаблона страниц
  • шаблоны страниц предназначены для описания конкретной страницы
  • шаблоны электронных писем предназначены для описания шаблонов электронных писем, которые могут рассылаться системой


Themes templates.png
Рис. 4. форма содержащая список шаблонов


Действия

Подраздел "действия" позволяет работать с действиями системы. Действие определяет взаимосвязь между алгоритмом обработки событий определенного типа и представлением результатов этих событий. Если рассмотреть аналогию с моделью MVC то действия представляют собой контролер, а шаблоны - слой представления (view).


Themes actions.png
Рис. 5. форма содержащая список действий


Преобразования изображений

Подраздел 'преобразования изображений' позволяет создавать правила преобразования изображений (картинок) для отображения на сайте Интернет-магазина. Также правила преобразования изображений можно использовать для добавления водяных знаков на изображения, что защитит изображения от кражи.


Image transformation.png
Рис. 6. Общий вид


Здесь Вы видите список имеющихся преобразований изображений. Для облегчения поиска Вы можете фильтровать преобразования по: Идентификатору (Ид), Внутреннему имени и Теме к которой относятся преобразования. Для использования фильтров Вы можете использовать кнопку 'Применить' или нажимать клавишу 'Ввод' после ввода текста в поля фильтров.


Добавление преобразования изображения

Для добавления нового преобразования используйте кнопку 'Добавить преобразование'.


Add image transformation.png
Рис. 7. Добавление преобразования


Здесь Вы видите форму для добавления нового преобразования. Форма содержит следующие поля:

  • внутреннее имя - данное имя будет использоваться в шаблонах Liquid при создании Тем оформления сайта магазина.
  • тема - тема к которой относится данное преобразование.
  • ширина изображения - правило изменения ширины изображения.
  • высота изображения - правило изменения высоты изображения.
  • сохранять пропорции изображения - при включении изображение будут масштабироваться с сохранение пропорцией между его высотой и шириной. Например: исходное изображение имеет ширину 400 пикселей, высоту 200 пикселей. Нам необходимо преобразовать его к размеру 200x200. Без сохранения пропорций изображение будет просто "сжато" по ширине (будет выглядеть сплющенным). При использовании сохранения пропорций изображение размер будет изменен по ширине до 200 пикселей, по высоте до 100 пикселей, оставшиеся 100 пикселей по высоте будут "залиты" белым цветом.


Файлы

Подраздел "файлы" позволяет загружать и удалять файлы к которым могут иметь доступ пользователи магазина. Файлы могу использовать для предоставления пользователям магазина: документации по использованию товара, картинок с образцами и тд. Система поддерживает возможность создания каталогов для группировки файлов.


Content files.png
Рис. 8. Форма со списком фалов в выбранном каталоге


Здесь Вы видите список имеющихся файлов в выбранном каталоге. Функциональность для работы со списком файлов включает следующие элементы:

  • Кнопка 'Выбрать и загрузить файл(ы)', для добавления нового файла/файлов.

Content add file button.png

  • Фильтр для отбора файлов, по определенным параметрам.

Content files filter.png

  • Кнопка "Применить", которая применяет фильтр и ссылку "очистить", которая отменяет действие фильтров.

General filter buttons.png

  • Значек 'ручка' - редактирование параметров файла, заначек 'мусорка' - удаление файла.

General actions.png


Загрузка файлов

Для добавление файла/файлов необходимо нажать на кнопку 'Выбрать и загрузить файл(ы)', после чего будет открыта всплывающее окно для выбора загружаемого файла/файлов.
Для удобства управления файлами система поддерживает создание иерархии каталогов. Для создания нового каталога используйте кнопку '+', для удаления каталога используйте кнопку 'мусорка'. Content files hierarchy.png
Рис. 9. Форма для создания иерархии каталогов