Перейти до вмісту
Тема

Vertex

автор: Celena

Vertex

Vertex — тема вітрини для магазинів, що продають техніку: телефони, ноутбуки, аудіо, аксесуари. Там, де характеристики, ціну й залишок треба зчитувати з одного погляду. Темно-синя шапка тримає пошук і стрічку категорій; нижче все біле, з гострими кутами 8px і на суворій сітці. Один електрик-синій позначає те, що можна натиснути, один помаранчевий — те, що подешевшало.

  • Жива головна. Hero-слайдер промо-банерів з автопрокруткою, крапками, стрілками та свайпом; блок «Угоди дня» зі зворотним відліком до півночі; горизонтальна стрічка категорій; сітка хітів; слайдер новинок; промо-плитки та панель підписки. Усі слайдери — CSS scroll-snap плюс кілька рядків ванільного JS, без бібліотек-каруселей.
  • Магазин закрито повністю. Каталог із липкою панеллю сортування, сайдбар фільтрів (категорії, діапазон ціни, фасети атрибутів), який на мобільному стає висувною панеллю, перемикач сітка/список і модалка «швидкого перегляду», зібрана з data-атрибутів картки. Сторінка товару з мініатюрами, зумом при наведенні, липким блоком покупки, плитками варіацій і вкладками опис / характеристики / відгуки / доставка.
  • Кошик і checkout по кроках. Висувний міні-кошик, сторінка кошика з живими лічильниками, степер із трьох кроків над оформленням, доставка й оплата радіо-картками, рядок промокоду та зведення замовлення, що перераховується на льоту.
  • Особистий кабінет тією ж мовою дизайну: вхід, реєстрація, огляд, профіль і пароль, а також замовлення, обране й адреси, які додає плагін магазину. Сердечко на кожній картці зберігає товар локально й оновлює лічильник у шапці.
  • Акуратна анімація. Поява під час скролу, підйом карток і зум фото, кнопки із заливкою зліва та зсувом іконки, шапка, що зменшується, кнопка «нагору» — усе вимикається при prefers-reduced-motion.
  • Жодних зовнішніх ресурсів. Системний шрифтовий стек без зарубок, без CDN і вебшрифтів, одноколірні SVG-іконки в одному інлайн-спрайті. Адаптив 1200 / 900 / 620.

Працює й без плагіна магазину — товарні блоки просто зникають, решта сайту рендериться як звичайно.

Версія Дата Вимоги Розмір
1.0.1 2026-08-19 PHP · Celena 490 KB

Fix: cart quantity controls

1.0.0 2026-08-19 PHP · Celena 490 KB

Initial marketplace release

Вимоги

  • Перевірено аж до Celena CMS 3.6

Встановлення

Завантажте архів і встановіть його з адмінки клієнтського сайту — ключ не потрібен.

  1. Відкрийте розділ «Плагіни/Теми» в адмінці Celena.
  2. Натисніть «Встановити з файлу» і завантажте скачаний архів (або «Встановити з маркетплейсу», якщо підключено).
  3. Активуйте пакет — для платних під час активації введіть ліцензійний ключ.

Докладна інструкція з встановлення в документації →