Баннеры на главной. Баннер на главной странице битрикс


Баннеры

Основной баннер на главной

В качестве основного баннера рекомендуется использовать изображение с расширением jpg, png или gif.

Чтобы занять всю ширину сайта, картинку необходимо размещать шириной в 1920 px. По высоте обычный баннер следует ограничить в 500 px.

Чтобы заполнить баннером фон меню и логотипа, высота изображения должна быть 660 px.

Составной баннер

Если вы хотите использовать составной баннер, используйте для плавающей картинки изображение с расширением png и высотой максимум в 500 px.

Пример активной картинки:

Изображение будет накладываться на фон с середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.

Баннер на контентной странице

Баннеры на контентной странице (например, на странице детального описания товара или услуги) не заполняют фон меню и логотипа, поэтому следует ограничить их высоту в 500 px. Остальные требования (к ширине и параметрам плавающей картинки) аналогичны требованиям к баннерам на главной.

Рекламные баннеры

При наполнении рекламных областей используйте изображения с расширениями jpg, png и gif.

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

Рекомендации по размерам изображений для рекламных областей над контентом и под ним:

Для бокового баннера при ширине сайта 1200 px используйте изображение размером в 268 х 203 px, при ширине в 1344, 1500 или 1700 px – 304 x 230 px.

aspro.ru

Основные баннеры

Основной баннер располагается на первом экране главной страницы сайта и состоит из следующих элементов:

Требования к изображениям для фонового изображения зависят от выбранного типа баннера:

Оптимальные параметры для картинки анонса: Добавлять, редактировать и удалять баннеры можно как в публичной части сайта, так и в административной панели (Контент → Реклама → Баннеры → На главной, основной баннер)

Мы рекомендуем работать с основными баннерами в публичной части сайта. Рассмотрим доступные возможности: 

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

Основные настройки:

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

Заполняем значения свойств баннера:
  1. Класс второй кнопки и класс первой кнопки — оставляем незаполненными: стиль кнопок баннера будет задан по умолчанию. О том, как задать свои собственные классы стиля кнопок, читайте здесь.
  2. Размер — параметр, который также задается по умолчанию и выбирается в настройках решения.
  3. Расположение текста — только картинка, по центру, слева или справа.
  4. Тип баннера — задается по умолчанию и зависит от выбора цветовой схемы.
  5. Тип перехода — при клике на баннер пользователь может перейти на привязанную страницу в текущем или новом окне.
  6. Цвет текста — светлый или темный.
  7. Ссылка с баннера — ссылка на страницу, на которую пользователь будет попадать при клике на баннер.
  8. Текст первой кнопки, текст второй кнопки — соответствующий призыв к действию на кнопках баннера, которых может быть 1 или 2.
  9. Ссылка с первой кнопки, ссылка со второй кнопки — к каждой кнопке вы можете привязать свою ссылку на ту или иную страницу.

Разместите описание для анонса и сохраните изменения.

aspro.ru

Баннеры

На главной странице расположено два типа баннеров: большие в виде слайдера (1) и маленькие в виде статичного блока с изображениями и кратким пояснительным текстом (2).

Требования к изображениям для фонового изображения зависят от выбранного типа баннера:

Оптимальные параметры для картинки анонса:

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

Основные баннеры

Для того, чтобы добавлять, редактировать и удалять основные баннеры, необходимо выполнить следующие шаги:

Шаг 1

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

Или войти в соответствующие настройки в административной части сайта:

Контент → Реклама → Большие баннеры

Шаг 2

Навести указатель на блок с большими баннерами и нажать всплывающую кнопку «Добавить баннер». В админке также нужно нажать кнопку «Добавить баннер». 

Откроется интерфейс добавления нового баннера, одинаковый для публичной и административной части. 

Шаг 3

На вкладке «Баннер» находятся основные поля:

Для создания баннера достаточно заполнить поля (1), (2) и (4). В полях (2) и (4) значения предустановлены: если не требуются иные варианты, их можно не менять.

Шаг 4

На вкладке «Анонс» размещается изображение и текст баннера.

Изображение размещается в поле «Картинка для анонса». Его можно загрузить с компьютера, выбрать из медиабиблиотеки сайта или структуры или вставить прямую ссылку на него. Если выбран текстовый тип баннера, то изображение будет отображаться рядом с текстом, в зависимости от его положения.

Текст размещается в поле «Описание для анонса». К нему можно применить форматирование с помощью html-тегов, если переключиться на режим HTML, или с помощью встроенного редактора, если переключиться на режим «Визуальный редактор». Текст будет выводится на баннер и располагаться под заголовком, если выбран текстовый тип.

Шаг 5

На вкладке «Подробно» размещается фоновое изображение баннера, которое растягивается на всю ширину блока. Если выбран тип «Только картинка», именно это изображение и будет отображаться. Если выбран текстовый тип, изображение станет фоном, а поверх него будет отображаться текст с заголовком и картинка из анонса.

Как редактировать основные баннеры

  1. В режиме редактирования элементов страницы навести указатель на нужный баннер. 

  2. Кликнуть по всплывающей кнопке «Изменить баннер», чтобы открыть интерфейс редактирования баннера.

  3. В админке достаточно кликнуть по названию нужного баннера для перехода в интерфейс его редактирования.

Как удалять основные баннеры

  1. В режиме редактирования элементов страницы навести указатель на нужный баннер.

  2. Кликнуть по всплывающей кнопке «Удалить баннер» рядом с кнопкой «Изменить баннер».

  3. В админке кликнуть по пиктограмме «гамбургер» в виде полосок, в выпадающем списке выбрать «Удалить».

Маленькие баннеры

Размещаются в статичном блоке под слайдером и имеют вид изображений с кратким пояснительным текстом.

Чтобы добавить маленькие баннеры, нужно:

Шаг 1

Авторизоваться в системе и включить режим редактирования на сайте.

В админке перейти в блок соответствующих настроек:

Контент → Реклама → Маленькие баннеры.

Шаг 2

Навести указатель на блок «Маленькие баннеры» и кликнуть на всплывающей кнопке «Добавить баннер». В админке также кликнуть на кнопке «Добавить баннер».

Шаг 3

На вкладке «Баннер» заполнить основные поля:

Шаг 4

На вкладке «Анонс» можно вписать краткое пояснение.

Как редактировать и удалять маленькие баннеры

Редактирование и удаление маленьких баннеров происходит так же, как и больших – в режиме правки в публичной части сайта и через админку. 

1

aspro.ru

Настройка баннеров

В магазине на основе решения "MissShop" можно настроить 4 баннера: Для того, чтобы их настроить надо перейти в Администрирование - Miss shop - Настройки - Общие настройки - Настройка баннеров

Тут находятся две настройки, в которых надо выбрать тип и код инфоблока с баннерами. По умолчанию баннеры находятся в Администрирование - Контент - Контент - Missshop - Баннеры

1) Баннер в карточке товара

Устанавливает картинку в нижней части страницы карточки товара

2) Баннеры в верхнем меню

Показывают картинку в выпадающем верхнем меню

3) Баннеры на главной под слайдером

Показывают блоки под большим слайдером на главной странице

4) Главный баннер

Отображает большой слайдер на главной странице

Баннер имеет следующие настройки:

местом

Вывод товаров, установленных в "Привязка к элементам каталога для пункта меню"

www.sotbit.ru

Плавающие баннеры

Область с плавающими баннерами располагается под основными баннерами и блоком с тизерами преимуществ. Элементы баннера:  По желанию вы можете отключить блок с плавающими баннерами или разместить неограниченное количество элементов на странице. Добавить, отредактировать и удалить плавающий баннер можно из публичной или административной части сайта. Рассмотрим возможности и основные настройки.

Управление плавающими баннерами из административной части

Перейдите в блок управления контентом: Контент → Реклама → Баннеры → На главной, плавающий баннер

Кликните на кнопку «Добавить баннер» и заполните значения полей на вкладках.

Баннер

Анонс Описание для анонса — текст на баннере.

Подробно Изображение баннера — фоновая картинка, которую можно загрузить с компьютера, вставив путь к файлу, выбрать из медиабиблиотеки или структуры сайта. 

Если вы хотите сделать блок с плавающими баннерами неактивным, перейдите в меню редактирования раздела.

Снимите флажок с настройки «Раздел активен» и сохраните изменения.

Управление плавающими баннерами в публичной части сайта

Возможности, доступные в режиме правки:

Настройки редактирования и добавления баннера выглядят так же, как и в административной части сайта:

Кликнув на значок шестеренки, вы можете отредактировать настройки компонента.

Обратите внимание на параметры:

aspro.ru

Основные баннеры

Для управления этим типом баннеров в режиме правки нажмите всплывающую кнопку «Добавить баннер», если хотите разместить новый.

Редактировать и добавлять баннеры вы можете и в административном разделе. Для этого перейдите в соответствующие настройки: Рабочий стол → Контент → Реклама → Баннеры → На главной, основной баннер. Выберите нужный баннер, нажмите на кнопку в виде гамбургера и выберите пункт «Изменить», чтобы войти в окно редактирования.

Рассмотрим поля основного баннера:

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

aspro.ru

Баннеры на главной

  • Описание курса
  • Настройка модуля SIMAI: Сайт благотворительного фонда
  • Немного необходимой теории
  • Редактирование статичных страниц сайта
  • Заполнение динамических разделов SIMAI: Сайт благотворительного фонда
  • Часто задаваемые вопросы
    • Как активировать лицензионный ключ 1С-Битрикс, куда вводить ключ купона на установку решения? Активация демо-версии решения.
    • Как изменить структуру сайта: создание и удаление страниц и разделов
    • Как удалить иконки соц.сетей с функциями репостов, как удалить надпись "Следуйте за нами" в футере сайта
    • Как правильно обновить решение
    • Как добавить текст соглашения в формах обратной связи, задать вопрос, заявка на вакансию
    • Как изменить фавикон (иконка во вкладке браузера)
    • Что делать, если данные изменяли, но в публичной части их не видно?
    • Как восстановить резервную копию?
    • Как настроить капчу (код при заполнении обратной связи)?
    • Что делать, если просмотр документа недоступен?
    • Как правильно размещать фотографии персон на сайте
    • Как убрать просмотр документов в google.docs?
    • Как убрать в мобильной версии сайта иконки расшаривания в социальные сети?
    • Сайт не отображается в поисковых системах, что делать?
    • Как закрыть публичную часть сайта от посетителей
    • Что делать, если при добавлении динамической информации отсутствуют такие поля, как в учебном курсе
    • Как добавить выпадающее меню с подразделами
    • Как добавить свой текст Соглашения по 152-ФЗ в форму обратной связи, либо добавления обращения
    • Как изменить валюту в прайс-листе
    • Таблица/картинка выходит за рамки сайта, что делать?
На главной странице сайта размещена область с баннером.

Для того, чтобы начать изменения текущего баннера, нужно во включенном режиме правки навести курсор мыши на баннер и выбрать "Изменить баннер", для удаления соответственно "Удалить баннер".

Главная - баннер.jpg

Для добавления нового баннера нужно перейти в раздел Администрирование (1) > Контент (2) > Баннеры (3) > Баннеры на главной (4) и выбрать опцию "Добавить баннер". Из административного раздела можно также Изменить (6), либо Удалить (7) баннеры.

Баннеры на главной.jpg

Форма заполнения информации и настройки баннера.

Баннеры на главной - добавить.jpg

  1. Если у вас не отображаются какие-либо поля, представленные на скриншотах в данном уроке, то они скорее всего скрыты, вам нужно нажать на шестеренку (2), выбрать пункт Настройки и настроить форму.
  2. Переходим на вкладку "Баннер".
  3. Активность. Если галочка поставлена, то элемент будет отображаться для посетителей, если галочку убрать, то он сохранится в разделе "Администрирование", но в публичной части отображаться не будет. (!) Совет. Лучше не удалять элементы или разделы, а деактивировать их (убирать галочку активации), если не уверены в том, пригодится ли он в дальнейшем.
  4. Начало активности. Если мы хотим, чтобы элемент отобразился в публичной части сайта в определенное время, то нужно установить эту дату в этом поле.
  5. Окончание активности. Если мы хотим, чтобы в какой-то момент элемент перестал отображаться в публичной части сайта, то устанавливаем в это поле нужную дату.
  6. Сортировка. По умолчанию сортировка - 500, выставляется число по принципу - чем ниже число, тем выше (раньше) в списке будет находиться элемент.
  7. Название.
  8. Настройка фона баннера. Фоном на баннере можно установить: цвет, изображение или видео.

  9. Цвет фона. Устанавливается код цвета по Таблице HTML цветов.
  10. Изображение. Можно загрузить изображение сразу с компьютера, либо через медиабиблиотеку сайта. Размер по умолчанию: 1920*350. Настроить размер можно через настройки компонента. Для этого в режиме правки наводим курсор мыши на баннер и нажимаем шестеренку:баннер.jpg

    Далее откроется окно с параметрами. Изменение размеров происходит в полях:

    настройки баннера.jpg

  11. Фоновое видео. Видео грузится на сайт в формате *.mp4.
  12. Ссылка. Здесь прописывается ссылка, которая будет открываться при нажатии на баннер.
  13. Также на фон баннера можно установить наложение с настройками

  14. цвета
  15. прозрачности
  16. узора
  17. Главная - баннер -контент.jpg
  18. Переходим на вкладку "Контент".
  19. Устанавливаем заголовок баннера.
  20. Прописываем код цвета заголовка из таблицы HTML-цветов.
  21. Прописываем текст, который будет отображаться под заголовком баннера.
  22. Прописываем код цвета текста.
  23. Расположение текста на баннере.
  24. Кнопки. Можно добавить на баннер кнопки. Для этого нужно выбрать тип кнопки, прописать название, можно установить ссылку. Через галочку "Удалить это составное значение" после применения всех настроек кнопка удалится.
  25. Для добавления новой кнопки нужно выбрать опцию "Добавить составное значение".
  26. Также можем установить выравнивание картинки, установленной сверху фона баннера.
  27. Загружаем картинку меньшего размера с компьютера/медиабиблиотеки сайта.
  28. Баннеры на главной - анимация.jpg

  29. Переходим на вкладку "Анимация". Здесь мы можем настроить для заголовка текста, текста, изображения, кнопок:
  30. Анимацию появления
  31. Задержку анимации в мс.
 Баннеры разделов | Описание курса | Изменение текста в области "О фонде" на главной странице сайта 

   

xn--80apekx.xn--p1ai


Prostoy-Site | Все права защищены © 2018 | Карта сайта