В первуюо чередь изучить материалы по ссылке https://developers.webasyst.ru/docs/cookbook/site-app-integration/
Каждое приложение может использовать собственную функциональность редактирования дизайна и свой шаблонизатор. Но, если используется шаблонизатор Smarty, то удобно использовать системный редактор дизайна, который предоставляет фреймворк Webasyst.
Темы дизайна
Если у приложения есть фронтенд (т. е. страницы приложения должны быть видны на сайте), то для того, чтобы пользователи приложения могли редактировать внешний вид страниц, рекомендуется использовать темы дизайна. Для этого в главном конфигурационном файле приложения wa-apps/<em>[app_id]</em>/<strong>lib/config/app.php</strong> нужно добвить добавить свойство
'themes' => true,
Нужно также создать тему дизайна с идентификатором default, которая будет использоваться по умолчанию, в директории wa-apps/<em>[app_id]</em>/<strong>themes/default/</strong>.
Тема дизайна — это объединенные в одной директории HTML/Smarty-шаблоны, файлы JavaScript, CSS, изображения и файл-манифест .
Обязательные параметры файла-манифеста >code class="path">theme.xml:
- id: совпадает с названием директории для темы
- app: идентификатор приложения (app_id), для которого создана тема
- name: название темы — обязательно указать хотя бы на одном языке
- files: список файлов, доступных для редактирования в приложении «Сайт»
