Порядок выполнения работ
ВНИМАНИЕ!!! Все переменные, используемые в шаблоне, выводятся с помощью метода
g::response()->data()->get('название переменной')
g::response()->data()->get('название переменной')
- Подключение css стилей.
Подключение css стилей производится в g::tp()->chunk('head') после всех мета тегов. - Подключение java script (JS).
JS подключается в g::tp()->chunk('footer-js') в самом вверху до JS MIWIX, если JS шаблона используется в стандартном шаблоне MIWIX, то скрипты, используемые CMS MIWIX, удаляются. - Добавление главного меню и всех составляющих header.
Главное меню и его составляющие (header) вносятся в g::tp()->chunk('header'). - Создание страниц шаблона.
Все страницы шаблона находятся в папке /templates/content/.Изначально необходимо создать главную страницу из предоставленного шаблона, далее необходимо создать страницу pages и далее все остальные страницы.ВНИМАНИЕ!!! Pages страницы использует контент из базы данных и можно получить g::response()->data('content').
Пример Pages страницы<?php /** Инфо страницы **/ ?> <!DOCTYPE html> <html lang="ru"> <? g::tp()->chunk('head'); ?> <body> <div class="site"> <? g::tp()->chunk('header'); ?> <div class="site__body"> <? g::tp()->chunk('breadcrumbs'); ?> <div class="block-slideshow block-slideshow--layout--with-departments block"> <div class="container"> <div class="row"> <div class="col-md-12"> <?= g::response()->data()->get('content'); ?> </div> </div> </div> </div> </div> <? g::tp()->chunk('footer'); ?> </div> <? g::tp()->chunk('footer-js'); ?> </body> </html>- Хлебные крошки.
После того, как вы оформите pages страницу, Вам необходимо создать chunk хлебных крошек. - Политика конфеденциальности.
После того, как вы оформите все страницы, необходимо на основание Pages шаблона сделать шаблон для политики конфеденциальности, шаблон называется soglasie-na-obrabotku.php. - Подключение форм обратной связи.
<form class="jd_form-to-mail" data-theme="Форма заказа звонка" action="#" method="post"> <div class="row"> <div class="form-group col-lg-12"> <input type="text" class="form-control" name="name" data-label="Имя:" placeholder="Ваше имя*" required> </div> <div class="form-group col-lg-12"> <input type="phone" class="form-control phone_ru" name="phone" data-label="Телефон:" placeholder="Ваш телефон*" required> </div> <div class="col-lg-12"> <button type="submit" class="btn btn-primary btn-lg">Отправить</button> </div> </div> </form>Обязательные классы и data атрибуты:
- form.jd_form-to-mail - обязательный класс, без этого класса форма отправки не заработает.
- input.form-control и textarea.form-control - обязательный класс, без этого класса поле input не передаст серверу информацию, т.е. проигнорирует введенные данные в поле.
- data-theme - data атрибут формы, тема сообщения.
- data-label - data атрибут полей ввода, сюда записывается название поля, если вы не укажите его, на почту уйдет неизвестное название.
- Подключение корзины.
- Проверка выполненной работы.