Бейджі в меню
Блок підсвічує потрібні пункти меню маленькими кольоровими бейджами — наприклад «Sale» біля «Акції», «New» біля «Новинки» чи «Топ» біля «Хіти продажу». Прив’язка йде по тексту пункту через просту мапу «текст пункту → бейдж», тож нічого програмувати не треба. Це привертає увагу до ключових розділів і піднімає клікабельність навігації без переробки меню.
Розділи «Акції», «Новинки», «Хіти» губляться в ряду однакових пунктів меню — клієнт їх не помічає й не заходить, хоча саме там найкраща конверсія.
Що налаштовується в конструкторі
- CSS-селектор пунктів меню (посилань)
- Мапа «текст пункту = бейдж» (через ; можна додати |color:#hex|bg:#hex)
- Колір фону бейджа за замовчуванням
- Колір тексту бейджа за замовчуванням
- Розмір шрифту бейджа
- Заокруглення кутів бейджа
- Часткове співпадіння (підрядок)
7 налаштувань · 4 пресетів · під Хорошоп
Купуєте один раз — назавжди.
3 блоки −10% · 5 −20% · 10 −30%
Живе прев'ю
Так блок виглядає на сторінці. Кольори й тексти підлаштуєте в конструкторі.
Прев'ю інтерактивне — наведіть і клікніть, щоб перевірити поведінку блока.
Як це працює
- Поряд із потрібним пунктом меню зʼявляється маленький кольоровий бейдж — «Sale», «New», «Топ» тощо
- Прив’язка по тексту пункту через просту мапу, нічого програмувати не треба
- За замовчуванням націлений на реальне сервісне меню Хорошопу (.site-menu); можна переставити на меню категорій
- Пункт не знайдено — бейджа просто нема, без помилок і дублів
Питання
А якщо на моєму магазині інші пункти меню?
Ви самі задаєте мапу «текст пункту = бейдж» — впишіть свої розділи. Збіг працює по входженню тексту, тож «Акції» спіймає «Акції та знижки».
Впливає на швидкість?
Ні — один невеликий інлайн-скрипт без зовнішніх запитів, у «Скрипти після тегу body».
Чи можна ставити «−40%» чи «1-2 дні»?
Можна, мапа приймає будь-який напис. Але стежте, щоб цифра відповідала реальним умовам магазину — інакше це введе покупця в оману. Безпечніше мітки-розділи: Sale, New, Топ.
Працює на мобільному?
Так, бейджі зʼявляються в меню і на ПК, і на телефоні (враховано різну розмітку Хорошопа).