Порядок выполнения работ


  1. Подключение css стилей.
    Подключение css стилей производится в g::tp()->chunk('head') после всех мета тегов.
  2. Подключение java script (JS).
    JS подключается в g::tp()->chunk('footer-js') в самом вверху до JS MIWIX, если JS шаблона используется в стандартном шаблоне MIWIX, то скрипты, используемые CMS MIWIX, удаляются.
  3. Добавление главного меню и всех составляющих header.
    Главное меню и его составляющие (header) вносятся в g::tp()->chunk('header').
  4. Создание страниц шаблона.
    Все страницы шаблона находятся в папке /templates/content/.

  5. Пример 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>
  6. Хлебные крошки.
    После того, как вы оформите pages страницу, Вам необходимо создать chunk хлебных крошек.
  7. Политика конфеденциальности.
    После того, как вы оформите все страницы, необходимо на основание Pages шаблона сделать шаблон для политики конфеденциальности, шаблон называется soglasie-na-obrabotku.php.
  8. Подключение форм обратной связи.
     
    <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 атрибут полей ввода, сюда записывается название поля, если вы не укажите его, на почту уйдет неизвестное название.
  9. Подключение корзины.
  10. Проверка выполненной работы.