Размещение редактируемого блока в шапке сайта ^#2277

Служба технической поддержки не предоставляет консультаций по редактированию шаблонов.

Перейдите к разделу "Настройки" - "Шаблоны".

В списке найдите шаблон "_Главная. Верх" и нажмите на иконку редактирования данных в строке.

Отобразится окно со списком данных. Нажмите на “Добавить новые данные”.

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

• Название - так будет называться блок в интерфейсе CMS. Укажите любое удобное для вас имя.
• Алиас - имя переменной в шаблоне, содержащее информацию, которую впоследствии необходимо будет указать в шаблоне редактируемого блока, помимо этого алиас содержит служебную информацию. Имя алиаса используется в шаблонах для вывода содержимого этой переменной, то есть того, чем будет заполнен блок. Алиас Вы можете придумать самостоятельно, однако, стоит отметить, что алиас блока не должен совпадать с другими алиасами на сайте, например, если уже существует блок с алиасом "block_alias" (в нашем примере), то нельзя называть другой блок точно так же.
• Тип данных - определяющая часть переменной, например “Файлы”, “Тексты”, “Иллюстрации”, “Меню” и т.д. Задайте тип данных, которыми планируется наполнять блок. В нашем случае это "Тексты".
• Общий - используется, чтобы указать, что данные являются общими, то есть задаются один раз для всех страниц, содержащих этот шаблон (если галочка не стоит, блок будет заполняться для каждой страницы отдельно и будет располагаться в “Данных страницы”, а не в "Дополнительных блоках"). В нашем случае необходимо отметить галочку.
• Заполняется массивом - при активном значении в блоке появится возможность добавлять множество элементов. Подходит не для всех типов данных - благодаря этой галочке в переменной может храниться не один экземпляр данных, а несколько (подходит для данных типа “Текст”, “Текст HTML”, “Иллюстрации” и “Метаданные JSON”). В нашем случае галочку можно оставить неотмеченной.
• ID группы типа - заполняется только для данных типа “Метаданные JSON“. Если Вы заранее создали json для какого-то сложного блока (с определенными полями) и задали ему ID, то позже Вы можете добавлять его в новые блоки, указав при этом ID необходимого json в поле. В нашем случае поле можно оставить пустым.

После заполнения всех полей и указания нужных параметров, сохраните изменения.

Блок будет добавлен в данные, после чего будет необходимо разместить его в шаблоне.

Нажмите правой кнопкой мыши, там где Вы хотите разместить блок и выберите пункт "Исследовать элемент" ("Inspect element") или нажмите F12.

Посмотрите название блока, в котором нужно будет расположить код. В данном примере это right-side.

Откройте для редактирования шаблон "_Главная. Верх".

Найдите по названию блок, в котором будет размещен новый блок. Сделать это можно с помощью поиска по шаблону Ctrl+F.

Вставьте код в нужное место шаблона.

Обратите внимание!

• Код должен быть следующего вида ("block_alias" в данном случае является указанным Вами при создании данных в шаге 4 алиасом, то есть, если в приведенном ниже коде вместо block_alias необходимо указать алиас созданного Вами блока данных):

<div class="block_alias">
            <div class="edit_title">{$block_alias.title}</div>
            <div class="edit_body">{$block_alias.body}</div>
</div>

• Если Вы хотите создать блок без заголовка и без оформления, который появится на сайте только тогда, когда будет заполнен в СУ, используйте следующий код (block_alias в данном случае тоже необходимо заменить на алиас созданного Вами блока данных):

{if $block_alias.body!=""}<div>{$block_alias.body}</div>{/if}

Сохраните изменения в шаблоне.

Теперь созданный Вами блок находится в "Общих блоках" и он доступен для редактирования. При необходимости Вы можете наполнить его любым содержимым.

Блок будет отображаться на сайте в указанном Вами месте (то есть в том месте страницы, где Вы разместили его в шаблоне).

Обратите внимание!

• Вам может потребоваться задать обрамление и дизайн для созданного блока. Эти данные вносятся в файле стилей (<Настройки / Файлы дизайна / images/.. / styles.css / Изменить> или <Настройки / Файлы дизайна / images/.. / styles.less / Изменить>). Однако, рекомендуем Вам самостоятельно не вносить изменения в файлы дизайна, а обратиться к профессиональным верстальщикам.

• Данная инструкция является примером реализации описанного функционала. Показанные в инструкции результаты могут отличаться от реальных по причине специфики шаблонов конкретного сайта или иных технических нюансов.