Написать письмо | FAQ | ПОМОЩЬ | Улучшения | Оплата | Статьи

Онлайн редактор шаблона AjaxIS

Главная / ПОМОЩЬ / Дизайн / Онлайн редактор шаблона AjaxIS

При добавлении шаблона AjaxIS эффективнее использовать Онлайн редактор шаблона AjaxIS.

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

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

В онлайн редакторе шаблона можно просмотреть, отредактировать и удалить код любого HTML элемента DOM дерева шаблона.

Но главное предназначение онлайн редактора шаблонов - это экспорт HTML код отдельных блоков в шаблоны модулей, подсекторов или секторов, а затем сохранение полученного кода страницы в главный шаблон.

Если в шаблоне есть готовое меню и нужно экспортироваться этот код в шаблон меню AjaxIS, то наводим курсор мыши на это меню, крутим колесо мыши вверху до появления тега блока UL, нажимаем правую кнопку мыши, выбираем Экспорт HTML -> В модуль -> Меню -> Новый шаблон (можно выбрать существующий, тогда его код будет заменён новым). Далее будет запрошено название выбранного HTML блока... если на месте этого блока планируется создать сектор, куда будет выводиться информация, то нужно написать название этого сектора и затем его создать. Если это место находится внутри колонки, к примеру, или внутри футера, где рядом могут располагаться другие элементы, то неважно на что заменить выделенный фрагмент кода - в дальнейшем при создании шаблона сектора он всё равно будет удалён. Выбранный код будет открыт в новом окне и его нужно отредактировать в соответствии со Структурой шаблонов AjaxIS, то есть поставить все переменные, константы, задать списки, условия если требуются.

После экспорта кода шаблонов нужно экспортировать HTML коды секторов. Они будут представлять из себя большие блоки (вроде div  leftbar rightbar center и тд), внутренне содержимое для них всегда { CONTENT }, а блок заменяется системным названием сектора.

После расставления и создания секторов нажимаем Сохранить все изменения и оставшийся на странице код со всеми переменными будет сохранён в код главного шаблона.