Инструменты и функционал редактора шаблона - Линейка решений INTEC: Universe

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

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

Виджетом может быть блок иконок, функциональный модуль, карта, кнопка или любой другой компонент, который можно расположить на странице. Наше решение включает более двадцати самых разнообразных виджетов. Если Вам вдруг будет недостаточно, тех виджетов, которые есть в нашем решении, Вы без труда сможете разработать свой виджет и точно так же работать с ним через конструктор дизайна.

База готовых модулей и блоков включает более 50 элементов под решение самых разнообразных задач, в их числе:

• популярные разделы каталога;
• популярные товары;
• лид-формы;
• отзывы;
• баннеры;
• новости, статьи;
• иконки;
• текстовые блоки;
• меню и фильтры;
• карты и контакты;
• и многие другие блоки и модули.

С помощью кнопок «Виджеты», «Текст», «Цвета», «Вспомогательная сетка», расположенных на панели меню можно добавить виджет на страницу (перетянув его мышкой из меню), изменить текст и цвет шаблона. Для удобства редактирования шаблона можно включить вспомогательную сетку, а с помощью кнопки «Отображение» указать сайт, с которого брать контент.

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

Опишем функционал для каждой кнопки.

 Виджеты

Здесь мы видим:

• Контейнер(1) - это функционал для добавления оберточного блока. В нем можно сгруппировать виджеты для удобства или в связи со спецификой дизайна.
• Компонент(2) - функционал для добавления компонентов на страницу. Чтобы добавить компонент нужно кликнуть на "Компонент"(2) и, зажав левую кнопку мыши, перетащить его в правую часть  сайта на то место где хотите разместить компонент. Далее, в открывшемся окне выбрать тот компонент, который вы хотите добавить . 

 

• Блок(3) - это функционал добавления блока из "Библиотеки блоков". Чтобы добавить блок на страницу, нужно перетащить его из левой части в правую. Далее откроется библиотека готовых блоков. Здесь можно выбрать подходящий блок и изменить его под свои нужны. так же сюда можно добавить свой блок .

• Контент страницы(4) - это функционал добавления контента для внутренних страниц. Нет смысла добавлять этот блок на главную страницу.
• Иконки(5) - функционал добавления иконок. О настройке иконок можно почитать здесь.
• Логотип(6) - функционал добавления логотипа в любую область сайта. Можно выбрать режим "Изображение" или "Текст", включить ссылку на главную страницу, указать высоту и ширину.

• Панель управления(7) - функционал добавления верхней панели редактирования сайта. 

• Текстовый блок(8) - функционал добавления текстового блока. Можно редактировать его прямо из конструктора, вставлять картинки, менять шрифт и т.д

• Заголовок страницы(9) - добавляет заголовок к текущей странице. 

Текст

Нажмем в верхней панели на кнопку "Текст".

Здесь мы можем поменять шрифт, размер и цвет шрифта, сделать все буквы заглавными, установить кернинг и высоту строк. Пример изменения шрифта вы можете увидеть ниже.

Вспомогательная сетка

Добавляет в режиме конструктора вспомогательные элементы: 

Отображение

С помощью этой кнопки мы можем выбрать с какого сайта брать контент(Если установлено несколько сайтов), а так же включить другой полезный функционал.

1. Режим разработки - нужен для включения режима разработки. При включении мы можем увидеть кнопку обновления и обновления с очисткой при редактировании компонентов. Эти режимы нужны для обновления и перезагрузки параметров компонента, если они не обновились автоматически. 

Так же появится кнопка "Структура контейнера". Это нужно для копирования структуры компонента.

2. Скрытые контейнеры - при отмеченной опции в конструкторе отобразятся все контейнеры, которые ранее были скрыты. Не влияет на публичную часть сайта.

3. Структура контейнеров - при отмеченной опции мы увидим вложенность контейнеров. 

Наши решения