MODX Revolution 2.2.9-pl (traditional) - Создаем шаблон

Установка: site.su/setup
Админка: site.su/manager

Для установки включить модули: pdo, pdo_mysql, hash, curl

Выбор русского языка:
System/System Settings
В фильтре выбрать Lexicon and Language
Language: ru
Manager Language: ru

Путь к шаблону: MODX/assets/templates/technokert/

Есть верстка (html, css, js):

index.html

Устанавливаем пакеты:

Список установленных пакетов:

CodeMirror - подсветка кода в админке

getPage - это сниппет MODx Revolution, который позволяет вам добавлять пагинацию к элементам сайта, которые могут быть разбиты постранично.

getResources - это сниппет MODX Revolution, который извлекает содержимое полей из других ресурсов и выводит его в любом удобном для вас виде.
phpThumbOf - позволяет модифицировать изображения средствами различных графических библиотек «на лету».

Wayfinder - служит для организации меню. Позволяет организовать простые,многоуровневые, а также выпадающие меню.

Создаем свой шаблон в MODX

Первым делом создаем header в Chunks (Чанки):

Создаем footer в Chunks (Чанки):

Создаем центральный блок Content в пункте Templates (Шаблоны). Добавляем вначале чанк header, а в конце чанк footer

Применяем наш шаблон по умолчанию:

Получаем:

Создаем контент. Он будет выводиться вместо статического сюда:

Вкладка Resources (Ресурсы) -> Create (Создать) -> Create a Document Here (Дочерний документ)

Теперь нужно заменить статический текст в Templates (Шаблоны) на теги:
для заголовка [[*pagetitle]]
для контента [[*content]]

Сохраняем и проверяем. Все работает.

Теперь заменим статический текст в левой и правой колонках:

Для этого в Template Variables (TV) или по русски "Дополнительные поля" создаем TV с названиями LeftCol и RightCol:

Тут же вкладка

Тут же другая вкладка

Тоже самое проделываем с правой колонкой, назовем ее RightCol.

Заходим в Resources (Ресурсы) и выбираем наш документ "Корпусная мебель на заказ из Белоруссии". Если перейти на вкладку Template Variables (Дополнительные поля), то увидим, что появились 2 дополнительных поля с названиями LeftCol и RightCol. Заполняем их контентом.

Переходим снова в основной шаблон и заменяем статический текст в колонках на теги:
[[*LeftCol]] и [[*RightCol]] соответственно.

Заменяем статическое меню:

Для начала переименуем категорию technokert в technokert-site, т.к. у нас появится еще одна категория.

Для меню нам понадобиться еще одна категория, назовем ее technokert-menu.

За вывод меню отвечает сниппет Wayfinder.
Создадим чанк outerTpl (родительский ul) с содержимым:

Создадим чанк rowTpl (родительский li) с содержимым:

Создадим чанки для вложенного списка ul и li.
innerTpl (дочерний ul):

innerRowTpl (дочерний li):

Для активного пункта меню шаблон будет называться hereTpl:

Теперь открываем наш чанк header и вместо нашего меню

вставляем

1