1. aspro.ru
  2. Аспро: Корпоративный сайт 2.0
  3. Настройка фонового изображения на главной странице и в разделах сайта

Настройка фонового изображения на главной странице и в разделах сайта


Фоновый баннер поможет дополнить дизайн сайта. Он отображается за установленными в настройках страницами по бокам.

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

Включить отображение фонового баннера можно:

  • В виджете настроек

Раскройте виджет, нажав на кнопку в левой части сайта.

d00b773b-7b5f-11f1-8fe4-fa163e2ff576

Переключитесь на вкладку «Общие» и активируйте «Отображать фоновый баннер» (1);

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

После активации настройки здесь же появится возможность установить цвет заднего фона по умолчанию – для страниц, к которым не привязано фоновое изображение (2). На выбор предложены темный и светлый фон, но также можно задать пользовательский цвет:
7b552658-7b62-11f1-8fe4-fa163e2ff576

  • В админке

Перейдите в Аспро: Allcorp2 → Настройки;

07de2d0d-7b63-11f1-8fe4-fa163e2ff576

В группе параметров «Общие» поставьте галку «Отображать фоновый баннер» (1);

e67c2c3b-7b5f-11f1-8fe4-fa163e2ff576

После сохранения изменений появятся дополнительные поля, позволяющие настроить цвет фона по умолчанию (2). Здесь такой же выбор, как и в виджете – темный, светлый, пользовательский цвет. Чтобы установить свой (пользовательский) цвет в одноименном поле, следует указать его 16-ричный код.

Фоновыми изображениями можно управлять только в админке: перейдите в Рабочий стол → Контент → Контент (aspro.allcorp2) → Фоновые картинки.

811027b9-7b5f-11f1-8fe4-fa163e2ff576

Элементы управления стандартны – кнопка для добавления нового фона (1) и меню кнопки «Гамбургер» для изменения (2), удаления (4) и отключения использования (3) изображения.

В настройках баннера на вкладке «Элемент»:
  • установите галку у параметра «Активность» (1), чтобы пользователи смогли увидеть ваш фон на сайте;
  • если нужно, задайте период, в который будет видно изображение (2);
  • дайте фону понятное название (3), чтобы его можно было легко найти в списке (в админке);
  • установите индекс сортировки (4), чтобы упорядочить список изображений (чем больше индекс сортировки, тем ниже в списке будет фон);

0fc99eaf-7b5c-11f1-8fe4-fa163e2ff576

  • зафиксируйте баннер (7), если вам нужно, чтобы при пролистывании страницы баннер не перемещался;
  • привяжите фон к определенным страницам/разделам сайта (6) и укажите адреса страниц/подразделов, для которых настраиваемая картинка не должна отображаться (5).

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

Чтобы привязать страницу или раздел, скопируйте часть адреса из адресной строки браузера.

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

Вместо адреса сайта подставьте: SITE_DIR. Например, на скриншоте выше мы привязали изображение к разделу «Каталог», заменив https://allcorp2.aspro-demo.ru/.

Получилось: SITE_DIRproduct/. После сохранения изменений изображение установилось фоном для всех страниц в разделе с продукцией.

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

Чтобы исключить один из подразделов — например, подраздел с медицинским оборудованием, откройте страницу подраздела и скопируйте содержимое адресной строки до адреса сайта: product/meditsinskoe-oborudovanie/.

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

В начале строки также вставьте SITE_DIR и поместите итог – SITE_DIRproduct/meditsinskoe-oborudovanie/ – в соответствующее поле. Теперь фон установится для всех страниц каталога кроме раздела с медицинским оборудованием. Для страниц этого подраздела в качестве фона будет использоваться цвет, выставленный по умолчанию (в примере – светлый).

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

Изображение для фона загружается на вкладке «Анонс» в настройках баннера.

142d5ef2-7b64-11f1-8fe4-fa163e2ff576

Для уменьшения нагрузки на сайт рекомендуем в середине изображения помещать белую полосу. Размер ее должен соответствовать установленной ширине сайта – 1700, 1500, 1344, 1200 px.
Предыдущая статья Настройка определения местоположения по Geo IP
Следующая статья Настройка тизеров преимуществ в блоке левого меню