Размещение редактируемого блока в шапке сайта
Обращаем Ваше внимание:
Служба технической поддержки не предоставляет консультаций по редактированию шаблонов.
Шаг 1
Перейдите к разделу "Настройки" - "Шаблоны".
Шаг 2
В списке найдите шаблон "_Главная. Верх" и нажмите на иконку редактирования данных в строке.
Шаг 3
Отобразится окно со списком данных. Нажмите на “Добавить новые данные”.
Шаг 4
В появившемся окне, Вам будет предложено заполнить следующие поля:
- Название - так будет называться блок в интерфейсе CMS. Укажите любое удобное для вас имя.
- Алиас - имя переменной в шаблоне, содержащее информацию, которую впоследствии необходимо будет указать в шаблоне редактируемого блока, помимо этого алиас содержит служебную информацию. Имя алиаса используется в шаблонах для вывода содержимого этой переменной, то есть того, чем будет заполнен блок. Алиас Вы можете придумать самостоятельно, однако, стоит отметить, что алиас блока не должен совпадать с другими алиасами на сайте, например, если уже существует блок с алиасом "block_alias" (в нашем примере), то нельзя называть другой блок точно так же.
- Тип данных - определяющая часть переменной, например “Файлы”, “Тексты”, “Иллюстрации”, “Меню” и т.д. Задайте тип данных, которыми планируется наполнять блок. В нашем случае это "Тексты".
- Общий - используется, чтобы указать, что данные являются общими, то есть задаются один раз для всех страниц, содержащих этот шаблон (если галочка не стоит, блок будет заполняться для каждой страницы отдельно и будет располагаться в “Данных страницы”, а не в "Дополнительных блоках"). В нашем случае необходимо отметить галочку.
- Заполняется массивом - при активном значении в блоке появится возможность добавлять множество элементов. Подходит не для всех типов данных - благодаря этой галочке в переменной может храниться не один экземпляр данных, а несколько (подходит для данных типа “Текст”, “Текст HTML”, “Иллюстрации” и “Метаданные JSON”). В нашем случае галочку можно оставить неотмеченной.
- ID группы типа - заполняется только для данных типа “Метаданные JSON“. Если Вы заранее создали json для какого-то сложного блока (с определенными полями) и задали ему ID, то позже Вы можете добавлять его в новые блоки, указав при этом ID необходимого json в поле. В нашем случае поле можно оставить пустым.
После заполнения всех полей и указания нужных параметров, сохраните изменения.
Блок будет добавлен в данные, после чего будет необходимо разместить его в шаблоне.
Шаг 5
Нажмите правой кнопкой мыши, там где Вы хотите разместить блок и выберите пункт "Исследовать элемент" ("Inspect element") или нажмите F12.
Посмотрите название блока, в котором нужно будет расположить код. В данном примере это right-side.
Шаг 6
Откройте для редактирования шаблон "_Главная. Верх".
Шаг 7
Найдите по названию блок, в котором будет размещен новый блок. Сделать это можно с помощью поиска по шаблону 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}
Шаг 8
Сохраните изменения в шаблоне.
Шаг 9
Теперь созданный Вами блок находится в "Общих блоках" и он доступен для редактирования. При необходимости Вы можете наполнить его любым содержимым.
Блок будет отображаться на сайте в указанном Вами месте (то есть в том месте страницы, где Вы разместили его в шаблоне).
Обратите внимание!
- Вам может потребоваться задать обрамление и дизайн для созданного блока. Эти данные вносятся в файле стилей (<Настройки / Файлы дизайна / images/.. / styles.css / Изменить> или <Настройки / Файлы дизайна / images/.. / styles.less / Изменить>). Однако, рекомендуем Вам самостоятельно не вносить изменения в файлы дизайна, а обратиться к профессиональным верстальщикам.
Обратите внимание!
- Данная инструкция является примером реализации описанного функционала. Показанные в инструкции результаты могут отличаться от реальных по причине специфики шаблонов конкретного сайта или иных технических нюансов.