Шаблоны страницы

В Bitrix Framework страница — это PHP-файл, который состоит из трех частей.

Header или шапка сайта — общие элементы сайта.
Основная рабочая область — уникальный контент страницы, который может быть:
статическим — обычный HTML-контент: текст, изображения, таблицы,
динамическим — контент создан с помощью компонентов.
Footer или подвал — завершающие элементы сайта.

Страницы формируются динамически на основе шаблона сайта, компонентов и статических элементов.

Свойства страниц

На отображение и поведение страницы влияют ее свойства: заголовок, ключевые слова, описание. Свойства можно задать:

на странице в рабочей области или между служебной и визуальной частью шапки сайта,
в файле .section.php раздела — это общие настройки для всех страниц внутри раздела.

Шаблоны страниц

Шаблон страницы — это PHP-файл, который содержит структуру страницы и соответствует правилам оформления.

Собственные шаблоны страниц размещайте в папках пользовательских шаблонов сайта:

/local/templates/.default/page_templates — для всех шаблонов сайта,
/local/templates/[идентификатор_шаблона]/page_templates — для конкретного шаблона сайта.

Штатные примеры шаблонов страниц находятся в /bitrix/templates/.default/page_templates и /bitrix/templates/[идентификатор_шаблона]/page_templates. Их можно скопировать в /local/templates/ и использовать как основу для своего шаблона.

Каждая папка может содержать:

файлы шаблонов страниц,
служебный файл .content.php — он хранит названия шаблонов и порядок их вывода.

Разработка шаблонов страниц

Существует два типа шаблонов страниц.

Пассивный шаблон — это простой PHP-файл, который содержит HTML-разметку и не включает в себя динамических компонентов или логики. Шаблон используют для статического контента.
Активный шаблон — может получать данные из базы, взаимодействовать с пользователями и подключать компоненты. Шаблон используют для динамического контента.

Пассивный шаблон

Пассивный шаблон — это шаблон с заготовленным контентом для новой страницы.

Как создать пассивный шаблон

Первый способ. Скопировать штатный шаблон

/bitrix/templates/.default/page_templates/standard.php в /local/templates/.default/page_templates/ и отредактировать копию.

Второй способ. Создать шаблон с нуля.

Продумайте структуру страницы. Это может быть HTML, текст, изображения, таблицы, компоненты и PHP-код.
В папке /local/templates/[идентификатор_шаблона]/page_templates создайте файл, например new.php.
В файле разместите код шаблона.
Убедитесь, что в начале и конце файла есть вызовы header.php и footer.php. Они обязательны.

<?php
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Title");
?>

<p>Добавьте контент на страницу</p>

<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Как подключить пассивный шаблон

Чтобы шаблон появился в меню создания страницы, в файл /local/templates/[идентификатор_шаблона]/page_templates/.content.php добавьте строку:

TEMPLATE["new.php"] = ["name" => "Новый шаблон", "sort" => 4];

"new.php" — имя файла шаблона,
"Новый шаблон" — название, которое увидит контент-менеджер,
"sort"=>4 — порядок отображения.

Пример содержимого файла:

<?php
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$TEMPLATE["standard.php"] = ["name" => "Стандартная страница", "sort" => 1];
$TEMPLATE["page_inc.php"] = ["name" => "Включаемая область страницы", "sort" => 2];
$TEMPLATE["sect_inc.php"] = ["name" => "Включаемая область раздела", "sort" => 3];
$TEMPLATE["new.php"] = ["name" => "Новый шаблон", "sort" => 4];
?>

Языковые файлы

Используйте языковые файлы для шаблонов, если сайт использует несколько языков. В этом случае в файле .content.php вместо названия шаблона будет использоваться метод GetMessage("new"):

use Bitrix\Main\Localization\Loc;

$TEMPLATE["new.php"] = ["name" => Loc::getMessage("new"), "sort" => 4];

По имени new будет выполнен поиск названия шаблона в языковом файле.

Языковые файлы пользовательского шаблона храните в папке lang того шаблона сайта, где расположен файл страницы:

для общего шаблона — /local/templates/.default/lang/,
для шаблона конкретного сайта — /local/templates/[идентификатор_шаблона]/lang/.

Например, название шаблона на русском языке добавьте в файл /local/templates/[идентификатор_шаблона]/lang/ru/page_templates/.content.php: $MESS['new'] = "Новый шаблон";.

<?php
$MESS['standart'] = "Стандартная страница";
$MESS['new'] = "Новый шаблон";
$MESS['page_inc'] = "Включаемая область для страницы";
$MESS['sect_inc'] = "Включаемая область для раздела";
?>

Аналогично добавьте строку для английского языка в файл /local/templates/[идентификатор_шаблона]/lang/en/page_templates/.content.php: $MESS['new'] = "New template";.

Если берете за основу штатный шаблон, пример языковых файлов можно посмотреть в /bitrix/templates/.default/lang/ru/page_templates/.content.php или в папке нужного штатного шаблона.

Пример создания пассивного шаблона

Будет создан общий шаблон страницы объявления, который доступен для всех шаблонов сайта.

В папке /local/templates/.default/page_templates создайте файл announcement.php.
Добавьте код шаблона и проверьте наличие подключенных header.php и footer.php.

<?php
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Title");
?>
<h3>Объявление!</h3>
<hr>
<br>
<table cellpadding="10" cellspacing="1" align="center" style="width: 500px;">
<tbody>
<tr>
    <td>
          <img width="131" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbDQoJPCFFTlRJVFkgbnNfZXh0ZW5kICJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyI+DQoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+DQoJPCFFTlRJVFkgbnNfZ3JhcGhzICJodHRwOi8vbnMuYWRvYmUuY29tL0dyYXBocy8xLjAvIj4NCgk8IUVOVElUWSBuc192YXJzICJodHRwOi8vbnMuYWRvYmUuY29tL1ZhcmlhYmxlcy8xLjAvIj4NCgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPg0KCTwhRU5USVRZIG5zX3NmdyAiaHR0cDovL25zLmFkb2JlLmNvbS9TYXZlRm9yV2ViLzEuMC8iPg0KCTwhRU5USVRZIG5zX2N1c3RvbSAiaHR0cDovL25zLmFkb2JlLmNvbS9HZW5lcmljQ3VzdG9tTmFtZXNwYWNlLzEuMC8iPg0KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPg0KXT4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6eD0iJm5zX2V4dGVuZDsiIHhtbG5zOmk9IiZuc19haTsiIHhtbG5zOmdyYXBoPSImbnNfZ3JhcGhzOyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz4KDTwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIHdpZHRoPSI1MDUiIGhlaWdodD0iOTg0IiBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiB4PSIwIiB5PSItNTUyIj4KDTwvc2xpY2VTb3VyY2VCb3VuZHM+DQoJPC9zZnc+DQo8L21ldGFkYXRhPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTIzLDIzSDFjLTAuNCwwLTAuNy0wLjItMC45LTAuNWMtMC4yLTAuMy0wLjItMC43LDAtMWwxMS0yMGMwLjQtMC42LDEuNC0wLjYsMS44LDBsMTEsMjBjMC4yLDAuMywwLjIsMC43LDAsMQ0KCQkJCUMyMy43LDIyLjgsMjMuNCwyMywyMywyM3ogTTIuNywyMWgxOC42TDEyLDQuMUwyLjcsMjF6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTEyLDE2Yy0wLjYsMC0xLTAuNC0xLTF2LTVjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXY1QzEzLDE1LjYsMTIuNiwxNiwxMiwxNnoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8Y2lyY2xlIGN4PSIxMiIgY3k9IjE4IiByPSIxIi8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBkPSJNMTIsMTkuNWMtMC44LDAtMS41LTAuNy0xLjUtMS41czAuNy0xLjUsMS41LTEuNXMxLjUsMC43LDEuNSwxLjVTMTIuOCwxOS41LDEyLDE5LjV6IE0xMiwxNy41Yy0wLjMsMC0wLjUsMC4yLTAuNSwwLjUNCgkJCQlzMC4yLDAuNSwwLjUsMC41czAuNS0wLjIsMC41LTAuNVMxMi4zLDE3LjUsMTIsMTcuNXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg==" height="157">
    </td>
    <td>
         Внимание! Важная информация о [<i>внесите нужную информацию</i>].<br>
         ...
    </td>
</tr>
</tbody>
</table>
 <br>
<hr>
 <span style="color: #555555;"><i>Напишите нам, что Вы думаете об этом объявлении. Для этого воспользуйтесь формой обратной связи. Спасибо!</i></span><br>
 <br>
<?php $APPLICATION->IncludeComponent(
    "bitrix:main.feedback",
    "",
    [
        "EMAIL_TO" => "sale@example.ru",
        "EVENT_MESSAGE_ID" => ["7"],
        "OK_TEXT" => "Спасибо за Ваше мнение!",
        "REQUIRED_FIELDS" => ["NAME", "EMAIL"],
        "USE_CAPTCHA" => "Y"
    ]
);?>
<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Откройте файл .content.php и добавьте строку:

use Bitrix\Main\Localization\Loc;

$TEMPLATE["announcement.php"] = ["name" => Loc::getMessage("announcement"), "sort" => 2];

Настройте языковые файлы:
для русского языка в файле /local/templates/.default/lang/ru/page_templates/.content.php,

$MESS['announcement'] = "Важное объявление";

для английского языка в файле /local/templates/.default/lang/en/page_templates/.content.php.

$MESS['announcement'] = "Important announcement";

В результате шаблон будет доступен при создании страницы.

При создании новой страницы по этому шаблону контент-менеджер увидит визуальный редактор с заполненными элементами.

Активный шаблон

Активный шаблон — это шаблон, который при создании страницы запрашивает дополнительные данные у контент-менеджера. Эти данные можно использовать для настройки структуры или содержимого страницы.

Примеры шаблонов

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

В дистрибутиве 1С-Битрикс24 есть пример активного шаблона: /bitrix/templates/.default/page_templates/forum.
В 1С-Битрикс: Управление сайтом дополнительно есть второй пример: /bitrix/templates/eshop_bootstrap_v4/page_templates/bootstrap.

Код файла template.php шаблона bootstrap

<?php
use Bitrix\Main\Localization\Loc;

if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();

CPageTemplate::IncludeLangFile(__FILE__);

class CBootstrapPageTemplate
{
    function GetDescription()
    {
        return [
            "name" => Loc::getMessage("bt_wizard_name"),
            "description" => Loc::getMessage("bt_wizard_title"),
            "modules" => ["bitrix.eshop"],
        ];
    }

    function GetFormHtml()
    {
        $s = '
<tr class="section">
    <td colspan="4">'.Loc::getMessage("BT_TYPE").'</td>
</tr>
';
        $s .= '
<tr>
    <td style="vertical-align: top; padding-top:10px">
        <input type="radio" name="BT_COL" value="1" id="BT_COL_1" checked>
        <label for="BT_COL_1">'.Loc::getMessage("BT_COL_1").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_1.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
    <td style="padding-top:10px">
        <input type="radio" name="BT_COL" value="2_1" id="BT_COL_2_1">
        <label for="BT_COL_2_1">'.Loc::getMessage("BT_COL_2_1").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_2_1.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
    <td style="padding-top:10px">
        <input type="radio" name="BT_COL" value="1_2" id="BT_COL_1_2">
        <label for="BT_COL_1_2">'.Loc::getMessage("BT_COL_1_2").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_1_2.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
    <td style="padding-top:10px">
        <input type="radio" name="BT_COL" value="1_2_1" id="BT_COL_1_2_1">
        <label for="BT_COL_1_2_1">'.Loc::getMessage("BT_COL_1_2_1").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_1_2_1.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
</tr>
<tr>
    <td style="padding-top:20px">
        <input type="radio" name="BT_COL" value="1_1" id="BT_COL_1_1">
        <label for="BT_COL_1_1">'.Loc::getMessage("BT_COL_1_1").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_1_1.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
    <td style="padding-top:20px">
        <input type="radio" name="BT_COL" value="1_1_1" id="BT_COL_1_1_1">
        <label for="BT_COL_1_1_1">'.Loc::getMessage("BT_COL_1_1_1").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_1_1_1.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
    <td style="padding-top:20px">
        <input type="radio" name="BT_COL" value="5" id="BT_COL_5">
        <label for="BT_COL_5">'.Loc::getMessage("BT_COL_5").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_5.png" style="margin-top: 7px; padding-left: 17px;"/><br>
    </td>
    <td style="padding-top:20px">
        <input type="radio" name="BT_COL" value="4" id="BT_COL_4">
        <label for="BT_COL_4">'.Loc::getMessage("BT_COL_4").'</label><br>
        <img src="/bitrix/images/bitrix.eshop/col_4.png" style="margin-top: 7px; padding-left: 17px;"/>
    </td>
</tr>
';
        return $s;
    }

    function GetContent($arParams)
    {
        $gridHtml = '
<div class="row">';

        if (isset($_POST['BT_COL']))
        {
            switch ($_POST['BT_COL'])
            {
                case '1':
                {
                    $gridHtml.= '
    <div class="col-xs-12"></div>';
                    break;
                }
                case '2_1':
                {
                    $gridHtml.= '
    <div class="col-sm-8"></div>
    <div class="col-sm-4"></div>';
                    break;
                }
                case '1_2':
                {
                    $gridHtml.= '
    <div class="col-sm-4"></div>
    <div class="col-sm-8"></div>';
                    break;
                }
                case '1_2_1':
                {
                    $gridHtml.= '
    <div class="col-sm-3"></div>
    <div class="col-sm-6"></div>
    <div class="col-sm-3"></div>';
                    break;
                }
                case '1_1':
                {
                    $gridHtml.= '
    <div class="col-sm-6"></div>
    <div class="col-sm-6"></div>';
                    break;
                }
                case '1_1_1':
                {
                    $gridHtml.= '
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>';
                    break;
                }
                case '5':
                {
                    $gridHtml.= '
    <div class="col-sm-8"></div>
    <div class="col-sm-4"></div>
</div>
<div class="row">
    <div class="col-xs-12"></div>
</div>
<div class="row">
    <div class="col-sm-8"></div>
    <div class="col-sm-4"></div>';
                    break;
                }
                case '4':
                {
                    $gridHtml.= '
    <div class="col-sm-8"></div>
    <div class="col-sm-4"></div>
</div>
<div class="row">
    <div class="col-xs-4"></div>
    <div class="col-xs-8"></div>';
                    break;
                }
            }
        }
        $gridHtml.= '
</div>
';

        $s = '<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");?>';
        $s.= $gridHtml;
        $s.= '<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>';
        return $s;
    }
}

$pageTemplate = new CBootstrapPageTemplate;
?>

Шаблон bootstrap имеет название Шаблоны сеток страницы. Он предлагает выбрать вариант сетки страницы.

Чтобы создать страницу по шаблону bootstrap, выполните следующие действия:

На панели управления нажмите Создать страницу > По шаблону > Шаблоны сеток страницы.
В мастере создания заполните параметры страницы и нажмите Далее.
Выберите вариант сетки страницы и нажмите Готово.

Структура шаблона

В папке шаблона обязательно должен быть файл template.php. Он содержит логику шаблона.

Дополнительно могут быть другие файлы и папки:

папка /lang — языковые файлы,
папка /images — изображения для шаблона.

Как подключить активный шаблон

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

Как подключить языковые файлы

Названия и подписи шаблона рекомендуется задавать через языковые файлы, а не указывать напрямую в файле шаблона template.php.

Пример файла с русскими языковыми фразами для шаблона bootstrap: /bitrix/templates/eshop_bootstrap_v4/page_templates/bootstrap/lang/ru/template.php.

<?php
$MESS['bt_wizard_name'] = "Шаблоны сеток страницы";
$MESS['bt_wizard_title'] = "Раздел с шаблоном сетки";
$MESS['BT_TYPE'] = "Выберите вариант шаблона сетки страницы";
$MESS['BT_COL_1'] = "Одна колонка";
$MESS['BT_COL_2_1'] = "Правое меню";
$MESS['BT_COL_1_2'] = "Левое меню";
$MESS['BT_COL_1_2_1'] = "Два меню";
$MESS['BT_COL_1_1'] = "Две колонки";
$MESS['BT_COL_1_1_1'] = "Три колонки";
$MESS['BT_COL_5'] = "Главная";
$MESS['BT_COL_4'] = "Мозаика";
?>

Пример создания активного шаблона

Активный шаблон будет создан на основе штатного шаблона bootstrap и пассивного шаблона announcement.php. В форме создания страницы новый шаблон будет выводить два вопроса.

Скопируйте штатный шаблон /bitrix/templates/eshop_bootstrap_v4/page_templates/bootstrap в папку пользовательского шаблона /local/templates/<идентификатор_шаблона>/page_templates/new_template.
Откройте файл template.php и внесите изменения в код.

<?php
use Bitrix\Main\Localization\Loc;

if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();

CPageTemplate::IncludeLangFile(__FILE__);

class CMyNewPageTemplate
{
    function GetDescription()
    {
        return array(
            "name" => Loc::getMessage("bt_wizard_name"),
            "description" => Loc::getMessage("bt_wizard_title"),
        );
    }

// Описываем новый шаг мастера создания страницы
    function GetFormHtml()
    {

// Первый вопрос
        $s = '
<tr class="section">
    <td>'.Loc::getMessage("BT_TYPE_1").'</td>
</tr>
';

// Варианты ответа на первый вопрос
        $s .= '
<tr>
    <td style="vertical-align: top; padding-top:10px">
        <input type="radio" name="BT_COL_1" value="1_1" id="BT_COL_1_1" checked>
        <label for="BT_COL_1_1">'.Loc::getMessage("BT_COL_1_1").'</label><br>
    </td>
</tr>
<tr>
    <td style="padding-top:10px">
        <input type="radio" name="BT_COL_1" value="1_2" id="BT_COL_1_2">
        <label for="BT_COL_1_2">'.Loc::getMessage("BT_COL_1_2").'</label><br>
    </td>
</tr>
';

// Второй вопрос
        $s .= '
<tr class="section">
    <td>'.Loc::getMessage("BT_TYPE_2").'</td>
</tr>
';

// Варианты ответа на второй вопрос
        $s .= '
<tr>
    <td style="vertical-align: top; padding-top:10px">
        <input type="radio" name="BT_COL_2" value="2_1" id="BT_COL_2_1" checked>
        <label for="BT_COL_2_1">'.Loc::getMessage("BT_COL_2_1").'</label><br>
    </td>
</tr>
<tr>
    <td style="padding-top:10px">
        <input type="radio" name="BT_COL_2" value="2_2" id="BT_COL_2_2">
        <label for="BT_COL_2_2">'.Loc::getMessage("BT_COL_2_2").'</label><br>
    </td>
</tr>
';

        return $s;
    }

// Описываем шаблон в зависимости от выбранных вариантов
    function GetContent($arParams)
    {

// Начало шаблона Объявление
        $myNewHtml = '
<h3>Объявление!</h3>
<hr>
<br>
<table cellpadding="10" cellspacing="1" align="center" style="width: 500px;">
<tbody>
<tr>
    <td>';

// Изменение шаблона в зависимости от ответа на первой вопрос об изображении
        if (isset($_POST['BT_COL_1']))
        {
            switch ($_POST['BT_COL_1'])
            {
                case '1_1':
                {
                    $myNewHtml.= '
          <img width="131" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbDQoJPCFFTlRJVFkgbnNfZXh0ZW5kICJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyI+DQoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+DQoJPCFFTlRJVFkgbnNfZ3JhcGhzICJodHRwOi8vbnMuYWRvYmUuY29tL0dyYXBocy8xLjAvIj4NCgk8IUVOVElUWSBuc192YXJzICJodHRwOi8vbnMuYWRvYmUuY29tL1ZhcmlhYmxlcy8xLjAvIj4NCgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPg0KCTwhRU5USVRZIG5zX3NmdyAiaHR0cDovL25zLmFkb2JlLmNvbS9TYXZlRm9yV2ViLzEuMC8iPg0KCTwhRU5USVRZIG5zX2N1c3RvbSAiaHR0cDovL25zLmFkb2JlLmNvbS9HZW5lcmljQ3VzdG9tTmFtZXNwYWNlLzEuMC8iPg0KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPg0KXT4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6eD0iJm5zX2V4dGVuZDsiIHhtbG5zOmk9IiZuc19haTsiIHhtbG5zOmdyYXBoPSImbnNfZ3JhcGhzOyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz4KDTwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIHdpZHRoPSI1MDUiIGhlaWdodD0iOTg0IiBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiB4PSIwIiB5PSItNTUyIj4KDTwvc2xpY2VTb3VyY2VCb3VuZHM+DQoJPC9zZnc+DQo8L21ldGFkYXRhPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTIzLDIzSDFjLTAuNCwwLTAuNy0wLjItMC45LTAuNWMtMC4yLTAuMy0wLjItMC43LDAtMWwxMS0yMGMwLjQtMC42LDEuNC0wLjYsMS44LDBsMTEsMjBjMC4yLDAuMywwLjIsMC43LDAsMQ0KCQkJCUMyMy43LDIyLjgsMjMuNCwyMywyMywyM3ogTTIuNywyMWgxOC42TDEyLDQuMUwyLjcsMjF6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTEyLDE2Yy0wLjYsMC0xLTAuNC0xLTF2LTVjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXY1QzEzLDE1LjYsMTIuNiwxNiwxMiwxNnoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8Y2lyY2xlIGN4PSIxMiIgY3k9IjE4IiByPSIxIi8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBkPSJNMTIsMTkuNWMtMC44LDAtMS41LTAuNy0xLjUtMS41czAuNy0xLjUsMS41LTEuNXMxLjUsMC43LDEuNSwxLjVTMTIuOCwxOS41LDEyLDE5LjV6IE0xMiwxNy41Yy0wLjMsMC0wLjUsMC4yLTAuNSwwLjUNCgkJCQlzMC4yLDAuNSwwLjUsMC41czAuNS0wLjIsMC41LTAuNVMxMi4zLDE3LjUsMTIsMTcuNXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg==" height="157">';
                    break;
                }
                case '1_2':
                {
                    $myNewHtml.= '
';
                    break;
                }
            }
        }


// Продолжение шаблона
        $myNewHtml .= '
    </td>
    <td>
         Внимание! Важная информация о [<i>внесите нужную информацию</i>].<br>
         ...
    </td>
</tr>
</tbody>
</table>
 <br>';

// Изменение шаблона в зависимости от ответа на второй вопрос об обратной связи
        if (isset($_POST['BT_COL_2']))
        {
            switch ($_POST['BT_COL_2'])
            {
                case '2_1':
                {
                    $myNewHtml.= '
<hr>
 <span style="color: #555555;"><i>Напишите нам, что Вы думаете об этом объявлении. Для этого воспользуйтесь формой обратной связи. Спасибо!</i></span><br>
 <br>
<?php $APPLICATION->IncludeComponent(
    "bitrix:main.feedback",
    "",
    Array(
        "EMAIL_TO" => "sale@192.168.100.177",
        "EVENT_MESSAGE_ID" => array("7"),
        "OK_TEXT" => "Спасибо за Ваше мнение!",
        "REQUIRED_FIELDS" => array("NAME","EMAIL"),
        "USE_CAPTCHA" => "Y"
    )
);?>';
                    break;
                }
                case '2_2':
                {
                    $myNewHtml.= '
';
                    break;
                }
            }
        }
        $myNewHtml.= '
</div>
';

// Формируем готовый шаблон
        $s = '<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");?>';
        $s.= $myNewHtml;
        $s.= '<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>';
        return $s;
    }
}

$pageTemplate = new CMyNewPageTemplate;
?>

Отредактируйте файл с языковыми сообщениями /new_template/lang/ru/template.php.

<?php
$MESS['bt_wizard_name'] = "Объявление";
$MESS['bt_wizard_title'] = "Уточнение по шаблону";
$MESS['BT_TYPE_1'] = "Оставить стандартное изображение?";
$MESS['BT_COL_1_1'] = "Да";
$MESS['BT_COL_1_2'] = "Нет, установлю своё";
$MESS['BT_TYPE_2'] = "Нужен блок формы обратной связи?";
$MESS['BT_COL_2_1'] = "Да, нужен";
$MESS['BT_COL_2_2'] = "Нет, не нужен";
?>

В результате в мастере создания страницы появится новый шаг с выбором параметров.