Кожен банер займає на сторінці свій блок — банерну лінію. Для кожної банерної лінії необхідно визначити її розташування на сторінці та тип банера, який буде налаштовано для неї.
На Головній сторінці сайту немає обмежень щодо кількості банерних ліній та їх розташування, що дозволяє зробити головну сторінку сайту інформативною та привабливою для покупців. Врахуйте, що велика кількість банерів може призвести до сповільнення завантаження сторінки, тому ретельно обмірковуйте, які саме зображення потрібні.
Для розміщення банера на головній сторінці необхідно:
Визначити які банери ви хочете виводити на головній сторінці.
Якщо необхідно, зробіть запит в підтримку на створення нових ліній або зміну ліній, що вже існують.
Підготувати зображення правильного розміру для кожного банера.
Завантажити зображення, налаштувати та активувати банери в адмінці.
Підготовка банерних ліній для завантаження банерів
Необхідно визначити кількість банерів, які ви хочете розмістити на головній сторінці, та їх тип і розмір.
Приклад банерних ліній на головній сторінці
Приклад відображення банерів у шаблоні Shaniya із галереї дизайнів:
Банерна лінія 1: wideblock, розмір L;
Банерна лінія 2: 3х, розмір M, відступи: S, заокруглення: S;
Банерна лінія 3: 2х, розмір: M, відступи: S, заокруглення: S;
Банерна лінія 4: блок, розмір: L.
Інші комбінації банерів ви можете побачити у нашій галереї дизайнів.
Запит на підключення або зміну банерних ліній
Для підключення нових банерних ліній або зміни типів банерів у лініях, що вже існують, зверніться до відділу підтримки.
Приклад запиту
Прошу підключити такі банери для головної сторінки:
Перша лінія банерів — wideblock, розмір L, відступи S, заокруглення: ні
Друга лінія банерів — block, розмір L, відступи M, заокруглення: S
Третя лінія банерів — 2x, розмір M, відступи S, заокруглення: L
Важливо: перед тим як звертатися до підтримки із запитом на зміну банерів, рекомендуємо зберегти зображення, які ви використовували раніше. Після застосування змін ваші попередні зображення будуть видалені.
Підготовка зображень для банерів
Для коректного відображення банерів зображення повинні відповідати таким вимогам:
Розмір зображення повинен повністю відповідати вибраному типу та розміру банера.
Зображення має бути у форматі jpeg або png.
Якщо ви вибрали банер cover, варто залишати відступ від лівого і правого краю 500px, а важливу інформацію розміщувати по центру.
Якщо ви вибираєте налаштування з відступами, під час підготовки зображення необхідно передбачити, що 10-15 пікселів від краю буде перекрито відступом.
Зображення мають бути високої якості.
Налаштування та увімкнення банерів на сайті
Після того як потрібні банерні лінії створені, завантажте зображення в адмін панель і увімкніть банери:
Перейдіть до розділу Сайт → Банери та натисніть Додати.
У полі Сторінка виберіть Головна.
У полі Розташування виберіть потрібну лінію.
Переконайтеся, що в полі Шаблон вибрано тип Зображення.
Завантажте файл із банером у поле Зображення, встановіть посилання та додаткові налаштування за потреби.
Позначте чекбокс Увімкнути та натисніть Зберегти.
Посилання
У полі Посилання можна задати адресу для переходу по кліку на банер: сторінку сайту або посилання на сторонній ресурс. Для налаштування посилання виберіть:
Назва сторінки сайту — у цьому випадку, у другій частині поля буде відображено відносне посилання на цю сторінку, своє для кожної мовної версії сайту.
Своє посилання — у такому разі ви можете вказати у другій частині поля посилання на будь-яку сторінку (як на сайті, так і в інших джерелах).
Якщо по кліку на банер покупець повинен потрапляти на сторінку конкретного товару на сайті або на сторінку з результатами фільтрації, необхідно вибрати своє посилання і вписати в другу частину поля відносне посилання (без домену).
Якщо по кліку на банер покупець повинен потрапляти на сторінку іншого сайту, посилання має бути абсолютним (наприклад, https://horoshop.ua/functions/)
Банери для різних мовних версій сайту
Для кожної мовної версії сайту можна завантажувати різні зображення, задати різні посилання та прописати відповідні метатеги alt та title.
Зверніть увагу:
Якщо для додаткової мовної версії не завантажено банер, буде відображатися банер, встановлений для основної мови сайту.
Якщо банер не вибрано для основної мови сайту, банери з інших мовних версій не відображатимуться. Якщо такий банер буде увімкнено, на сайт буде виводитися порожнє місце.
Створення Слайдера (зображення, що змінюються)
Для банерів типу block, wideblock, cover, blockplus (тільки великий банер) можна налаштувати слайдер — зображення, що автоматично змінюються з певною періодичністю.
Для налаштування слайдеру необхідно створити кілька банерів в одній банерної лінії.
Порядок відображення банерів у лінії
Порядок виведення банерів у слайдері та лінії з декількома банерами визначаться їх послідовністю у списку в розділі Банери.
Змінювати послідовність відображення можна перетягуючи банери за стрілки у лівій колонці.
Читайте також