Добавление макета

Перейдите в раздел Структура сайта → Макеты сайта. Для перехода в список подмакетов нажмите на название родительского макета. Далее выберите пункт Добавить в меню Макет и заполните форму.

Закладка «Основные»

Закладка «Макет»

Содержит HTML и PHP-код макета. Файл макета размещается в директории templates/template{id}/template.htm

Закладка «CSS/LESS/SCSS»

Содержит CSS или LESS/SCSS для макета. В зависимости от выбранного типа, в поле CSS/LESS/SCSS загружается содержимое файла style.css, style.less или style.scss.

CSS-файл размещается в директории templates/template{id}/style.css, LESS-файл в директории templates/template{id}/style.less, SCSS-файл в директории templates/template{id}/style.scss

Закладка «Javascript»

Содержит Javascript, необходимы для макета. Файл размещается в директории templates/template{id}/javascript.js

Закладка «Манифест»

Содержит XML-манифест с названиями и опциями из LESS-файлов, данные из манифеста используются при отображении в клиентском разделе панели настройки CSS для макета. Файл манифеста размещается в директории templates/template{id}/manifest.xml

Структура манифеста

Манифест представляет собой XML-файл используется для создания списка опций, выводимых для возможности изменения пользователем в клиентском разделе. Корневым узлом является <manifest>, содержащий несколько <section> с множеством <option>.

Название секции и опции задается тегами <caption lng="язык">, в атрибуте name для опции задается название LESS-переменной.

Пример манифеста:

<?xml version="1.0" encoding="UTF-8"?>
<manifest>
    <section>
        <caption lng="en">Main</caption>
        <caption lng="ru">Основные</caption>
        <option name="padding" type="select">
            <caption lng="en">Padding</caption>
            <caption lng="ru">Отступ</caption>
            <select>
                <option value="5px">Маленький</option>
                <option value="10px">Средний</option>
                <option value="15px">Большой</option>
            </select>
        </option>
        <option name="font-family">
            <caption lng="en">Font Family</caption>
            <caption lng="ru">Шрифт</caption>
        </option>
        <option name="font-size">
            <caption lng="en">Font Size</caption>
            <caption lng="ru">Размер шрифта</caption>
        </option>
        <option name="color" type="color">
            <caption lng="en">Font Color</caption>
            <caption lng="ru">Цвет шрифта</caption>
        </option>
    </section>
    <section>
        <caption lng="en">Quick Panel</caption>
        <caption lng="ru">Панель быстрого доступа</caption>
        <option name="quick-access-font-size">
            <caption lng="en">Panel Color Line</caption>
            <caption lng="ru">Размер шрифта</caption>
        </option>
    </section>
    <section>
        <caption lng="en">Shop</caption>
        <caption lng="ru">Магазин</caption>
        <option name="shop-item-title-color" type="color">
            <caption lng="en">Item Title Color</caption>
            <caption lng="ru">Цвет названия товара</caption>
        </option>
    </section>
    <section>
        <caption lng="en">Footer</caption>
        <caption lng="ru">Подвал</caption>
        <option name="footer-background-color" type="color">
            <caption lng="en">Background color</caption>
            <caption lng="ru">Цвет фона</caption>
        </option>
    </section>    
</manifest>

Отображение манифеста в клиентском разделе

В клиентском разделе при включенном LESS хотя бы для одного из макетов в иерархии и наличии манифеста справа будет выводится опция настроек, нажав на которую появится панель, в которой в режиме раеального времени можно вносить изменения и просматривать их на сайте.

Закладка «Язык»

Используется для указания текстовых значений, выводимых в макете в зависимости от языка, указанного для сайта. Потребность в использовании интернационализации возникает при автоматической установке макетов, адаптированных для разных языков, из магазина приложений.

В макете интернационализация используется следующим образом:

<?php echo $this->_('индекс_из_языкового_файла') ?>

например для payment

<?php echo $this->_('payment') ?>

Комментарии