82  /  206

Фоновое изображение

Фоновое изображение используется для оформления некоторых страниц сайта, чтобы визуально выделить какой-либо раздел или страницу, привлечь внимание посетителей к специальным предложениям, сезонной распродаже и т.п. Размещается оно по бокам от страницы с контентом.

Пример использования фонового изображения.




Включить отображение фонового изображения можно:
  • в админке: Аспро: Next → Настройки → раздел Общие → Отображать фоновый баннер;



  • в публичке: виджет настроек → вкладка «Общие» → Отображать фоновый баннер.





Решение позволяет использовать неограниченное количество фоновых изображений.

Чтобы загрузить свой фон, перейдите в административную часть сайта. Там откройте Контент → Реклама (aspro.next) → Фоновые изображения.

 

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

При добавлении нового бэкграунда в редакторе нужно будет:
  • установить галочку «Активность» (1), чтобы включить отображение фона;
  • установить период отображения бэкграунда (2) – заполнение полей можно проигнорировать;
  • задать название картинке на фоне (3) – для удобства можно использовать название раздела или страницы, которую она сопровождает (поле обязательно для заполнения);



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



Адреса страниц прописываются строго по шаблону: SITE_DIR + символьный код раздела.

На примере страницы с косметикой для сайта с адресом http://your-site/kosmetika/ запись адреса будет выглядеть так: SITE_DIRkosmetika/.

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

Если вам нужно указать больше адресов, используйте кнопку «Добавить».

Сама картинка загружается на вкладке «Анонс». Вы можете перетащить файл с изображением в поле картинки для анонса или использовать меню кнопки Гамбургер.



  По центру фонового изображения для ускорения скорости загрузки страницы рекомендуется размещать белую полосу, ширина которой зависит от используемой ширины сайта: 1200 px, 1344 px, 1500 px, 1700 px. Полоса будет перекрываться контентом.