Создание блоков шаблонов сайта в платформе Flexcore CMS II.
Перенос HTML-верстки.
текстовая расшифровка видео урока
В предыдущих уроках мы установили платформу Flexcore CMS II на хостинг, подготовили структуру будущего интернет-магазина, выбрали HTML-шаблон и произвели необходимые для начала интеграции работы.
Сейчас перед нами чистый лист главной страницы сайта, с нее мы и начнем.
Давайте перейдем в панель администрирования.
Поскольку в процессе интеграции нам необходимо будет сразу видеть все вносимые изменения в шаблон сайта, отключим в настройках производительности кэширование страниц.
![](/images/e6a7ab2404f148b43c179d06c4ee52b5.jpeg)
Жмем сохранить.
Теперь давайте посмотрим структуру верстки HTML-шаблона главной страницы:
- Header – это «шапка сайта»;
- Nav – основное меню магазина;
- Div “Slider” – баннерная зона;
- Div “Body” – здесь у нас находится основной контент сайта;
- В конце верстки находится Footer, так называемый «подвал сайта».
![](/images/7a5251a6c674ae83631c57f0d43dc87d.jpeg)
Вернемся в движок и перейдем в раздел шаблоны сайта.
Создадим здесь категории для блоков с шаблонами. Сделаем это в том же порядке что и в файле доноре:
- шапка сайта;
- меню магазина;
- баннерная зона;
- контент;
- подвал сайта.
![](/images/fff541f4c5c55139d094798921dcad96.jpeg)
Теперь добавим в категорию «шапка сайта» блок для нашей HTML-верстки. Назовем его main.
Копируем из файла донора верстку блока header, ставим флажок «назначить главным в категории» и сохраняем.
![](/images/b7bd5b86f9fdcbe26672e88797861f9d.jpeg)
Идем к редактированию главной страницы.
Вкладка «Шаблоны».
Активируем для шапки сайта созданный нами блок с версткой под названием main.
![](/images/dbcb4cb2c72bba68268c1e42d692731a.jpeg)
Сохраним. Перейдем по ссылке и проверим что получилось.
Итак, видим, что верстка шапки сайта перенесена в движок.
![](/images/941d44fea8796460570b492dd081ced1.jpeg)
Вернемся к шаблонам сайта и по такому же принципу перенесем верстку всех блоков с шаблонами из главной страницы файла донора.
В группе «меню» создаем блок main. Переносим сюда верстку блока донора nav.
В «баннерную зону» переносим верстку блока донора Div c id “Slider”.
В группу «контент» переносим верстку блока донора Div с id “body”.
«Подвал сайта» заполняем содержимым блока донора footer.
![](/images/0cd0f03148a084ebf8333aecca716e81.jpeg)
Снова идем к редактированию главной страницы. Вкладка «Шаблоны». Активируем все созданные нами блоки с версткой.
Сохраняем.
![](/images/82ab74add4e643618698c0b183a8e642.jpeg)
Смотрим результат.
![](/images/a7666b03462d0480dd9d9815ba9180ee.jpeg)
Таким образом, мы перенесли HTML-верстку шаблона донора главной страницы в платформу Flexcore CMS II и распределили ее по структуре управляемых блоков.
Далее мы будем подключать к этой верстке необходимую для проекта функциональность платформы.
Видео урок: Создание блоков шаблонов сайта в платформе Flexcore CMS II.
Перенос HTML-верстки.