Перейти до основного контенту

Створюємо банер та слайдер

Як покроково налаштувати банер, як створити слайдер

На це потрібно: від 5 хвилин 🕑

Складність: ⭐⭐⬜⬜⬜

Банери допоможуть вам звернути увагу покупців на акційні пропозиції, переваги, популярні товари та інші особливості вашого інтернет-магазину.

Увага: ми створили новий інтерфейс керування банерами та поступово оновлюємо магазини наших клієнтів.

Далі наводяться інструкції і для старого, і для нового інтерфейсів.

Розберемось детальніше, як працювати з банерами.



Як створити банер

Новий інтерфейс

Крок 1.

В розділі СайтБанери натисніть Новий банер.

Крок 2.

У вікні, що відкрилося, виберіть розташування нового банера:

  • Головна сторінка — доступні раніше створені банерні лінії;

  • Банер над шапкою — наскрізний банер для всіх сторінок сайту;

  • Внутрішні сторінки — банер для сторінок каталогу, вгорі або внизу сторінки.

Крок 3.

Вкажіть зрозумілу Назву для банера. Вона потрібна для ідентифікації банера в адмін панелі, покупці назву банера не бачитимуть.

Крок 4.

Увімкніть перемикач Відображати, щоб показувати банер на сайті.

Крок 5.

Додайте зображення для банера згідно з рекомендованим розміром. Розмір залежить від типу банера, що встановлено.

Зверніть увагу: для кожної мовної версії, яку увімкнено на сайті, потрібно завантажити окремий банер.

Крок 6.

Оберіть колір рамки за бажанням.

Крок 7.

Якщо банер має бути клікабельним, вкажіть посилання або сторінку, на які користувач потраплятиме після кліка.

Крок 8

За потреби увімкніть перемикач Відкривати в новій вкладці.

Крок 9

Для банерів над шапкою

Виберіть висоту банера (S, M або L), версію сайту, на якій має відображатися банер (десктопна, мобільна або обидві), налаштуйте кнопку закриття банера на сайті. Замість зображення або разом із ним можна задати текст на банері, його колір та колір фону.

Для банерів на головній та сторінках каталогу

За потреби задайте альтернативний текст та назву зображення.

Крок 10.

Натисніть Зберегти.

Як створити банер — Хорошоп

Підказка: для банерів головної сторінки десктопної версії сайту аналогічні дії можна виконати у розділі СайтДизайнРедактор дизайнуГоловна сторінка.

Старий інтерфейс

Крок 1.

В розділі СайтБанери натисніть + Додати.

Крок 2.

В пункті Сторінка оберіть сторінку, для якої створюєте банер.

Крок 3.

Оберіть лінію для банера в полі Розташування.

Крок 4.

В полі Шаблон оберіть Зображення.

Крок 5.

Вкажіть зрозумілу Назву для банера. Вона потрібна для ідентифікації банера в адмін панелі, покупці назву банера не бачитимуть.

Крок 6.

Відмітьте чекбокс Увімкнути, щоб показувати банер на сайті.

Крок 7.

Додайте зображення для банера згідно з рекомендованим розміром. Розмір залежить від типу банера, що встановлено.

Зверніть увагу: для кожної мовної версії, яку увімкнено на сайті, потрібно завантажити окремий банер.

Крок 8.

Оберіть колір рамки за бажанням.

Крок 9.

Якщо банер має бути клікабельним, вкажіть посилання, на яке користувач потраплятиме після кліка.

Крок 10.

Збережіть зміни та перевірте, як банер виглядає на сайті 😉.

Як створити банер — Хорошоп

Як створити слайдер

Слайдшоу можна налаштувати для банерів на головній та сторінках каталогу типів block, wideblock, cover, blockplus (тільки великий банер). Банери при цьому змінюватимуться автоматично кожні п'ять секунд.

Слайдер на сайті — Хорошоп

Для слайдера потрібно створити декілька окремих банерів в одній лінії.

Тобто пройти повний цикл дій, який описано вище у розділі Як створити банер, а потім повторити його потрібну кількість разів.

Новий інтерфейс

Крок 1

У лінії, де розташований перший банер слайдера, натисніть + Новий банер.

Крок 2

Завантажте наступний банер та налаштуйте його аналогічно попередньому.

Крок 3.

Натисніть Зберегти.

Як створити слайдер — Хорошоп

Старий інтерфейс

Крок 1

Натисніть + Додати.

Крок 2

Завантажте наступний банер та налаштуйте його аналогічно попередньому, обравши в пункті Розташування ту ж саму банерну лінію.

Крок 3.

Натисніть Зберегти.

Як створити слайдер — Хорошоп

Відеоінструкція

Ви отримали відповідь на своє запитання?