Банер на головній — перше, що бачить покупець. Досі це була статична картинка: під кожну акцію хтось малював нову, стискав її і окремо робив мобільну версію. Тепер банер збирається в адмінці за кілька хвилин: заголовок, знижка, кнопки й декоративні фігури рухаються, а змінити «−50%» на «−30%» — це правка тексту, не нова картинка.
Почати з шаблону
Новий банер відкривається з галереї шаблонів. Наведіть курсор на картку — побачите анімацію. Після вибору тексти, кольори, посилання й фото змінюються як завгодно. Хочете зібрати своє з нуля — є порожній банер.
Мега-розпродаж
Фіолетовий градієнт, що переливається, зірки й «блиск» на цифрі знижки.
Нова колекція
Спокійна беж-палітра й засічковий шрифт — для одягу та інтер'єру.
Безкоштовна доставка
Синій фон з «орбітою» і двома кнопками: замовити та умови.
Чорна п'ятниця
Чорний фон, червоні смуги, кнопка, що пульсує.
Свіже й натуральне
Зелені форми для продуктів, косметики, еко-товарів.
Порожній банер
Чисте полотно, щоб зібрати власний макет.
Редактор: що бачите, те й отримаєте
Ліворуч налаштування, праворуч живий банер рівно того розміру, що в темі. Шари перетягуються мишею прямо в перегляді. «Програти анімацію» показує, як банер з'явиться в покупця, перемикач «Мобільний» — як він виглядатиме на телефоні.
- Полотно — суцільний колір, градієнт (зокрема анімований) або фото, заокруглення, тінь і шрифт;
- Текст — заголовок з акцентним словом і підзаголовок; для акценту три ефекти: «блиск», підкреслення, маркер;
- Кнопки — до трьох, кожна зі своїм кольором і посиланням; ефекти «пульс» або «блиск», щоб кнопку помітили;
- Шари — до 30 картинок, фігур і хвиль, кожен з анімацією появи й постійним рухом: плавання, обертання, мерехтіння, орбіта;
- у кожного шару своя позиція на мобільному, під текстом лишається місце — банер на телефоні не перетворюється на дрібну копію десктопа.
На вітрині: чітко на будь-якому екрані
Анімований слайд стає в той самий слайдер, що й звичайні банери-картинки. Текст лишається текстом, а не пікселями на зображенні: гострий на Retina, свій для кожної мови сайту і видимий пошуковикам. Важкої картинки немає — фігури й рух малює сам браузер.
- шаблон сам підлаштовується під розмір місця в темі: на низькому банері (наприклад 896×300) заголовок і кнопки зменшуються й не обрізаються;
- хто вимкнув анімації в налаштуваннях системи, бачить банер без руху;
- у банер не можна протягнути скрипт чи шкідливе посилання: сайт малює його сам із перевірених полів — текст екранується, кольори й адреси проходять білий список.
Як це отримати
Редактор — частина модуля X-Banners і приходить з оновленням ядра ECMS9, актуальний білд — 5.0.5-b465. Далі: X-Banners → потрібне місце → «Анімований банер», обрати шаблон і зберегти. Слайд одразу на вітрині теми default.
Підкажемо, що це дає саме вашому магазину
Подивимось ваш сайт, скажемо, що з нового вмикати першим, і чи треба щось міняти в темі.
Написати в Telegram