Тема Dummy — шаблон для разработки новых тем

(бета-версия)

Содержание...

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

JavaScript структурирован. Почти вся JavaScript-логика шаблонов находится в отдельных файлах, чтобы не смешивать код шаблонов и скриптов.

CSS-стили находятся в отдельных папках, а в корне темы расположены только шаблоны и системный файл с настройками (theme.xml).

Тема Dummy поддерживает все базовые приложения фреймворка Webasyst: «Сайт», «Магазин», «Блог», «Фото», «Хаб», «Поддержка». Тема предназначена для разработчиков и не доступна в приложении «Инсталлер», скачать её можно только на GitHub.

Наследование

Темы семейства Dummy используют наследование. Тема для site является родительской, а темы других приложений (shop, blog, hub, photos, helpdesk) наследуют ее CSS-стили, JavaScript и верстку.

Родительская тема рассчитывает, что в дочерних темах должны быть следующие шаблоны:

Основные этапы создания новой темы

1. Подготовка

2. Проектирование

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

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

Для примера, шаблон sidebar.html в приложении site реализует отображение колонки слева определенного размера, а в приложении shop он реализует уже меню каталога и фильтры.

Отсюда прослеживается аналогия с CSS- и JavaScript-ресурсами вашей собственной темы — общее для всего сайта оформляется в теме приложения site, а частное — в отдельной теме конкретного приложения.

3. Разработка

Полезные ссылки