1. aspro.ru
  2. Аспро: Корпоративный сайт 3.0
  3. Главная страница
  4. Дополнительные блоки на главной

Дополнительные блоки на главной


В Аспро: Корпоративный сайт 3.0 доступно добавление дополнительных блоков на главную страницу. Если вы хотите отдельно вынести какую-либо важную информацию, например, о компании, событиях или услугах, создайте дополнительный блок и разместите необходимый текст и баннеры на нем.

Создавайте произвольные блоки на главной, чтобы показать все преимущества. Берите за основу любой из типов отображения баннеров или блока о компании. Скопированный блок сохранит настройки, появится в виджете и будет получать улучшения из обновлений. Вы также можете использовать блок с главной для произвольной верстки. Он будет отображаться в виджете для управления: перемещения или отключения.

Добавить и редактировать дополнительные блоки можно в административной части сайта. Перейдите в Контент (1) → Дополнительные блоки на главной (2).

106bc90d-7b61-11f1-8fe4-fa163e2ff576

В инфоблок «Дополнительные блоки на главной» можно добавлять разделы, которые будут соответствовать блоку главной страницы в виджете и админке. Здесь можно добавить новый раздел (1), а также редактировать (2) и удалять (3) существующие при нажатии на «Гамбургер».

dfc708b4-7b62-11f1-8fe4-fa163e2ff576

В этих разделах можно создавать элементы, которые будут соответствовать типам отображения дополнительного блока. Здесь можно добавить новый элемент (1). Когда элементы уже созданы, их можно изменить (2), деактивировать (3) и удалить (4) при нажатии на «Гамбургер».

f73eec51-7b5d-11f1-8fe4-fa163e2ff576

Рассмотрим процесс на примере создания дополнительного блока на основе «О компании». Сначала необходимо скопировать блок в структуре сайта. Для этого перейдите в Контент (1) → Структура сайта (2) → Файлы и папки (3) → include (4) → mainpage (5) → components (6).

cd925257-7b60-11f1-8fe4-fa163e2ff576

Скопируем существующую папку с файлами блока «О компании». Для этого нажмите на «Гамбургер» напротив нее и выберите «Копировать». Папка скопируется со всеми содержимыми файлами.

bfd52b7a-7b5e-11f1-8fe4-fa163e2ff576

Переименуйте папку, например, в custom_company. Для этого нажмите на «Гамбургер» напротив скопированной папки и выберите «Переименовать». Название папки будет нашим символьным кодом при создании раздела для дополнительных блоков. Скопируйте это название, оно нам понадобится в дальнейшем.

Для корректной работы дополнительного блока название файла должно содержать именно нижнее подчеркивание — без тире и пробелов.

Название обязательно должно начинаться с «custom_», иначе будут ошибки.

9377c6f8-7b64-11f1-8fe4-fa163e2ff576

Обязательно переименуйте все файлы, которые содержатся в этой папке. Нажмите на «Гамбургер» напротив каждого файла и выберите «Переименовать».

ba3cba72-7b5b-11f1-8fe4-fa163e2ff576

Чтобы текст блока был всегда одинаковый, необходимо отключить зависимость от региональности. Для этого в параметре компонента дополнительного блока очистите значение в поле «Регион». Сохраните изменения.

b09f7455-7b62-11f1-8fe4-fa163e2ff576

Теперь подготовим новый блок в виджете. Вернемся в раздел «Дополнительные блоки на главной» и выберем «Добавить раздел» при нажатии на стрелку.

63a5b29c-7b62-11f1-8fe4-fa163e2ff576

На вкладке «Раздел» заполним следующие поля:

  • Раздел активен (1) — включает активность раздела.
  • Родительский раздел (2) — задает уровень вложенности раздела.
  • Название (3) — устанавливает название для блока, которое будет отображаться в виджете и админке.

332a0383-7b63-11f1-8fe4-fa163e2ff576

На вкладке «Дополнительно» вставьте символьный код, который ранее копировали из названия переименованной папки в структуре сайта. В нашем случае — это custom_company. Сохраните изменения.

24c13c9b-7b61-11f1-8fe4-fa163e2ff576

После добавления раздела создадим тип отображения дополнительного блока. Для этого перейдите в список элементов раздела и нажмите «Добавить элемент».

d46bfd86-7b62-11f1-8fe4-fa163e2ff576

При добавлении типа отображения дополнительного блока вам потребуется заполнить следующие поля на вкладке «Элемент»:

  • Активность (1) — включает отображение типа в настройках.
  • Период активности (2) — задает время показа типа блока.
  • Название (3) — устанавливает название для типа, которое будет отображаться в виджете и админке.
  • Картинка (4) — загружает картинку для типа.
  • Символьный код (5) — кодом для элемента выступает название определенного файла из скопированной ранее папки. Например, в папке custom_company мы переименовывали несколько файлов. Именно они нас интересуют. Все настройки блока будут взяты из указанного файла.
07f7391e-7b61-11f1-8fe4-fa163e2ff576

На вкладке «Разделы» присвойте тип отображения необходимому разделу и сохраните изменения.

088ee20e-7b62-11f1-8fe4-fa163e2ff576

Перейдите в публичную часть сайта. Теперь в виджете настроек на вкладке «Главная» появился наш дополнительный блок. Активируйте его, тогда он появится на главной странице.

fd1cc834-7b60-11f1-8fe4-fa163e2ff576

На этом этапе созданный нами дополнительный блок — точная копия оригинального блока. Чтобы сделать его уникальным, то есть заполнить другой информацией, картинками и видео, необходимо в инфоблоке создать элемент с новым содержимым и привязать его к текущему блоку через код.

Например, чтобы изменить содержимое дополнительного блока «О компании», перейдите в Контент (1) → Контент (aspro.allcorp3) (2) → О компании (3).

710a57d6-7b5e-11f1-8fe4-fa163e2ff576

Скопируйте элемент с контентом оригинального блока. Для этого нажмите на «Гамбургер» и выберите «Копировать».

31c71922-7b5c-11f1-8fe4-fa163e2ff576

Поскольку выбрать вы можете любой блок, настройки в окне редактирования будут отличаться в зависимости от этого блока. Все настройки содержимого блоков вы можете подробно изучить по другим урокам в разделе «Главная страница».

В окне редактирования элемента измените название и символьный код, чтобы эти параметры не совпадали с оригинальным блоком. Скопируйте измененный символьный код, он понадобится для настройки связи между элементом и дополнительным блоком. Настройте содержимое блока, добавьте свой текст, картинки и видео.

724a74de-7b5f-11f1-8fe4-fa163e2ff576

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

e486b47e-7b5c-11f1-8fe4-fa163e2ff576

На вкладке «Основные параметры» найдите пункт «Код новости» и вставьте в поле скопированный символьный код. Теперь весь контент из созданного элемента отображается в дополнительном блоке на главной странице. Сохраните изменения.

960fa4aa-7b61-11f1-8fe4-fa163e2ff576

Теперь, когда мы настроили содержимое и связали элемент с типом отображения, наш дополнительный блок стал уникальным.

747bb716-7b61-11f1-8fe4-fa163e2ff576


Предыдущая статья Дополнительные настройки блока «Тарифы»
Следующая статья Настройки оформления дополнительного блока