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

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


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

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

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

547900e9-7b63-11f1-8fe4-fa163e2ff576

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

82a47fcc-7b61-11f1-8fe4-fa163e2ff576

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

2a576586-7b5f-11f1-8fe4-fa163e2ff576

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

1b2624f2-7b5e-11f1-8fe4-fa163e2ff576

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

7e6dd517-7b63-11f1-8fe4-fa163e2ff576

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

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

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

00020e4e-7b60-11f1-8fe4-fa163e2ff576

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

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

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

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

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

1dd579ad-7b64-11f1-8fe4-fa163e2ff576

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

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

9b663a28-7b5f-11f1-8fe4-fa163e2ff576

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

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

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

0964bdc4-7b5d-11f1-8fe4-fa163e2ff576

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

  1. Активность — включает отображение типа в настройках.
  2. Период активности — задает время показа типа блока.
  3. Название — устанавливает название для типа, которое будет отображаться в виджете и административной части сайта.
  4. Символьный код — кодом для элемента выступает название определенного файла из скопированной ранее папки. Например, в папке custom_company мы переименовывали несколько файлов. Именно они нас интересуют. Все настройки блока будут взяты из указанного файла.
  5. Сортировка — задайте сортировку для типа отображения дополнительного блока.

0bea1c5f-7b65-11f1-8fe4-fa163e2ff576

На вкладке «Анонс» укажите картинку для отображения блока в виджете «Точная настройка».

42698235-7b61-11f1-8fe4-fa163e2ff576

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

935bea62-7b60-11f1-8fe4-fa163e2ff576

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

51f086b2-7b5d-11f1-8fe4-fa163e2ff576

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

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

e546479e-7b61-11f1-8fe4-fa163e2ff576

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

f47f701d-7b64-11f1-8fe4-fa163e2ff576

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

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

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

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

1d53b73e-7b64-11f1-8fe4-fa163e2ff576

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

5c9e0489-7b64-11f1-8fe4-fa163e2ff576

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

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


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