Главная / Управление сайтом / Что такое расширенный режим? / Размещение редактируемого блока в боковой колонке сайта

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

Обращаем Ваше внимание:

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

Шаг 1

Перейдите на сайт и нажмите F12, откроется консоль.

Перейдите к выбору элемента для его исследования ("Исследовать элемент" - "Inspect element"). 

Посмотрите название блока, в котором нужно будет расположить код. В данном примере это <td class="sidebar">.

php5Vcjge

Шаг 2

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

php0Qi4oI

Шаг 3

Далее Вам потребуются небольшие познания в верстке - поскольку в зависимости от верстки сайта колонки могут располагаться в разных шаблонах, а также могут быть промаркированы по-разному, Вам необходимо будет осуществить поиск по тексту элемента (напоминаем: в нашем случае это <td class="sidebar"> - см. шаг 1) в шаблонах "Главная.Верх" и "Главная.Низ" с целью определить, в каком же шаблоне находится необходимая Вам колонка.

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

phpzubCEa

Шаг 4

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

phpd5WSBa

Шаг 5

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

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

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

phpl8O6zb

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

Шаг 6

Откройте для редактирования шаблон "_Главная. Верх" (или другой шаблон, если колонка находится в нем).

phpygLGFm

Шаг 7

Найдите по названию элемент, в котором будет размещен новый блок (в данном примере это <td class="sidebar"> - см. шаг 1). Сделать это можно с помощью поиска по шаблону Ctrl+F.

php8FCX4I

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

phpiqOBHH

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

  • Код должен быть следующего вида ("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

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

php8cd8jg

Шаг 9

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

phphkZBdi

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

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

  • Вам может потребоваться задать обрамление и дизайн для созданного блока. Эти данные вносятся в файле стилей (<Настройки / Файлы дизайна / images/.. / styles.css / Изменить> или <Настройки / Файлы дизайна / images/.. / styles.less / Изменить>). Однако, рекомендуем Вам самостоятельно не вносить изменения в файлы дизайна, а обратиться к профессиональным верстальщикам.
  • Данная инструкция является примером реализации описанного функционала. Показанные в инструкции результаты могут отличаться от реальных по причине специфики шаблонов конкретного сайта или иных технических нюансов.
Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий