Запускаємо серію щотижневих дайджестів про розвиток платформи. Ми викладаємо оновлення движка щотижня, і багато з них покупці бачать одразу — тож чесно показуватимемо, що саме з'явилося і як воно виглядає. Перший випуск майже повністю присвячений дизайну, який тепер можна змінювати без розробника.
Варіанти дизайну: шапка, підвал і контакти на вибір
Раніше вигляд шапки чи підвалу магазину був зафіксований темою: щоб змінити його, потрібен був розробник. Тепер це налаштування. У розділі Налаштування → Дизайн з'явився блок «Каркас сайту», де власник магазину сам обирає:
- варіант шапки — 6 готових варіантів;
- варіант підвалу — 6 варіантів, частина з блоком підписки на новини (його можна вимкнути окремим перемикачем);
- варіант секції «Контакти» — 8 варіантів сторінки контактів: форма, форма з картою, картки філій, команда менеджерів, FAQ поруч із формою та інші.
Для сторінки контактів додалася й окрема група налаштувань: адреса, графік роботи, карта, слоти менеджерів — усе редагується в адмінці, без правок коду. А в конструкторі сторінок у кожного блока з'явився селект «Варіант»: той самий блок може виглядати по-різному на різних сторінках.
Нова шапка «Класичний магазин»
Серед варіантів шапки з'явився новий еталонний: логотип, каталог із мега-панеллю категорій, помітний пошук та іконки кабінету, обраного й кошика. Шапка «розумно» прилипає при прокручуванні: ховається, коли гортаєш вниз, і повертається, щойно рухаєшся вгору. Орієнтиром були найкращі магазини на світових платформах — тепер такий вигляд доступний кожному магазину на Turboshop одним кліком.
Дизайн-панель прямо на вітрині
Головна фіча тижня. Адміністратор може ходити своєю вітриною і перемикати варіанти дизайну прямо на сторінці — без переходів в адмінку. Плаваюча панель показує всі зони поточної сторінки: верхню панель, шапку, підвал, слайдер, блок «Популярні розділи», віджет блогу. Стрілками гортаєш варіанти — сторінка сама прокручується до зміненої секції та підсвічує її, а вибір одразу зберігається.
Дизайн магазину перестав бути «замовленням у студії» — це тепер перемикач, який власник крутить сам, дивлячись на живу вітрину.
Покупці панель не бачать — вона доступна лише адміністраторам. А на нашому демо-магазині увімкнено спеціальний демо-режим: там панель відкрита всім відвідувачам, щоб кожен міг погратися з варіантами дизайну ще до реєстрації.
Верхня панель, «бігучий рядок» і популярні розділи
Дизайн-панель керує не лише шапкою і підвалом — того ж тижня власні варіанти отримали й інші зони вітрини:
- верхня панель (смужка над шапкою з телефоном і сервісним меню) — чотири варіанти плюс опція «не відображати»;
- «Бігучий рядок» — новий блок конструктора сторінок для акційних оголошень, що рухаються по екрану;
- «Популярні розділи» — п'ять варіантів вигляду добірки категорій на головній;
- окремі варіанти з'явились і в зон товару, каталогу, слайдера та блогу.
Разом ці зміни закривають типовий сценарій «хочу трохи інакше»: замість правок теми ви просто перемикаєте варіант і одразу бачите результат на живій вітрині. А в самій адмінці на всіх сторінках з'явилися хлібні крихти — з глибокого розділу видно весь шлях, і на будь-який рівень можна повернутися одним кліком.
Темна тема адмін-панелі
Адмінка отримала темну тему (вона тепер за замовчуванням) і єдину фірмову палітру. Перемикач теми — в меню профілю, вибір запам'ятовується на рік. Графіки дашборда отримали третій режим відображення — плавну лінію. Заодно навели лад у меню: розділ «Користувачі» перейменовано на зрозуміліше «Клієнти», а товарні пункти зібрані в групі «Магазин», щоб верхній рівень меню не розповзався.
Магазин «з коробки»
Новий магазин тепер одразу готовий приймати замовлення. Інсталяція привозить базові довідники: методи доставки (кур'єр, самовивіз, Нова Пошта, Укрпошта), методи оплати і 13 готових зв'язок «доставка ↔ оплата». Раніше свіжий магазин фізично не міг прийняти перше замовлення, поки власник не налаштує все вручну — тепер чекаут працює з першої хвилини, а довідники можна правити під себе. Шаблоном слайдера за замовчуванням стала сітка з трьох слайдів «Мульті» — новий магазин виглядає охайно ще до того, як ви завантажите власні банери.
SEO каталогу: правильний H1 і розмітка списків
Кілька важливих змін для пошукової оптимізації:
- назва категорії в каталозі та назва товару в усіх 16 шаблонах картки стали справжнім заголовком H1 — базова вимога пошуковиків нарешті виконується в кожному шаблоні;
- якщо SEO-текст сторінки вже містить власний H1, дубля не буде — платформа це враховує;
- списки товарів у каталозі та пошуку віддають структуровану розмітку ItemList з наскрізною нумерацією, яка коректно враховує пагінацію та кнопку «Показати ще».
Це базова SEO-гігієна, яка впливає на ранжування кожної сторінки каталогу — і тепер вона працює сама, без участі власника магазину.
Дрібниці, які приємно помітити
- гість (без входу в кабінет) тепер бачить своє «обране» і в списках товарів — раніше сердечка показувались порожніми;
- кнопка «Переглянути всі розділи» отримала повноцінну сторінку всіх категорій каталогу;
- платіжні інтеграції Fondy та WayForPay увійшли до стандартної поставки, а обробники оплат додатково звіряють суму платежу;
- полагоджено імпорт клієнтів через API — від запиту до появи запису в розділі «Клієнти»;
- сторінка контактів збирається з готових блоків так само, як головна.
Що це означає для вашого магазину
Якщо ви давно хотіли оновити вигляд магазину — тепер це справа кількох хвилин: зайдіть у «Налаштування → Дизайн» або просто увімкніть дизайн-панель і поперемикайте варіанти на живій вітрині. Подивитися всі варіанти наживо можна на сторінці дизайнів, а якщо магазину ще немає — почніть безкоштовно.