Дизайн¶

Глоссарий¶

• CSS стили — Каскадные таблицы стилей (Cascading Style Sheets)
• Стили — значения атрибутов таблиц стилей (CSS), относящиеся к стилям таблиц стилей (CSS). Эти значения можно изменить с помощью Редактора тем.
• Редактор тем — инструмент для изменения внешнего вида элементов интерфейса.
• Шаблоны — файлы шаблонов (.tpl) на основе шаблонизатора Smarty.
• Медиа — изображения, иконки и шрифты.
• Почта — шаблоны электронной почты на основе Smarty.
• Макет — содержимое и схема макета блоков клиентской области.
• Расположение — задает внешний вид страницы.
• Контейнер — область Макета для добавления секций. Существует 4 типа контейнеров: верхняя панель, заголовок, контент и подвал.
• Секция — элемент сетки.

Структура темы¶

Тема содержит набор файлов, определяющих внешний вид сайта. Она состоит из шаблонов, таблиц стилей (CSS), медиа-контента, схемы макета и содержимого блоков зоны для покупателей. Также тема может содержать так называемые Стили.

Темы в CS-Cart хранятся в каталоге design/themes/. В CS-Cart 4.4.x тема Bright включена по умолчанию, но имеет Responsive в качестве своей родительской темы.

Структура темы состоит из 7 папок и 2 служебных файлов:

• Папка layouts — содержит файлы структуры внешнего вида .xml. Подробнее о Макетах можно прочитать далее.
• Папка styles — содержит файлы, включая переменные .less и структуру элементов редактора тем.
• Папка templates — содержит шаблоны (файлы .tpl).
• Папка mail — содержит шаблоны уведомлений по электронной почте (файлы .tpl).
• Папка css — содержит стили темы в файлах .less и .css.
• Папка media — содержит шрифты, значки и изображения для темы.
• Папка langs — содержит переводы и языковые переменные темы (файлы .po).
• Изображение customer_screenshot.png — предварительный просмотр темы. Он отображается в разделе Веб-сайт → Темы панели администрирования.
• Файл manifest.json — содержит информацию о теме.

manifest.json¶

Файл содержит основную информацию о теме и имеет следующие компоненты:

• title — название темы, которое используется в разделе Веб-сайт → Темы панели администрирования в информации о теме и заголовке.
• description — краткое описание темы.
• theme — путь к логотипу сайта. Логотип лучше хранить в папке media/images темы.
• developer — название компании. Если есть индивидуальный разработчик, напишите его имя. Эта информация отображается в разделе Веб-сайт → Темы панели администрирования в информации о теме.
• favicon — путь к фавикону темы. Рекомендуется хранить фавикон в папке media/images/icons темы.
• parent_theme — название родительской темы. Если вы разрабатываете тему на основе темы Responsive, напишите responsive. Если вы определите что-то другое в этом поле или оставите его пустым, шаблоны дополнений не будут загружены для темы.
• default_language — код языка по умолчанию темы. Он будет использоваться для предоставления переводов для всех языков, на которые тема не переведена. Подробнее см. в специальной статье.

Ваша тема должна наследовать тему Responsive. Ее необходимо указать в параметре parent_theme.

Не обязательно использовать все файлы темы при создании новой темы. При установке темы все необходимые файлы копируются из темы по умолчанию. Параметр parent_theme в файле manifest.json определяет тему, из которой берутся файлы.